CSS Letter-Spacing Property

In this chapter you will learn:
About letter-spacing property
Example of this property

CSS letter-spacing property is used to increase or decrease spaces between letters/characters/words. If you want to display the letter with some distance/space then in that condition you can use this property. Its name indicates that it is related to spaces of letters. You can set the value of letter-spacing in px, negative, em etc. If the value of letter-spacing is negative then the spaces between letters will decrease but if the value is positive then it will increase.

Example of this property:
<html>
<head>
    <title>Example of letter-spacing property</title>
    <style type="text/css">
           h1
            {
                  letter-spacing:8px;
            }
            p
            {
                  letter-spacing:5px;
            }   
           
</style>
</head>
<body>
 
<h1> letter-spacing property</h1>
<div> letter-spacing property</div>
</body>
</html>

Output:- example of letter-spacing property

Summary

In this chapter, you have learned about the letter-spacing property of CSS. One example is also given for your better guide so try it yourself and click on Next button to continue-

 

Share your thought