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-

More Articles

 

Share your thought



PLEASE DISABLE ADBLOCKER AND SUPPORT US!

Please support us by enabling ads on this page. Refresh

YOU DON'T LIKE ADS, WE ALSO DON'T LIKE ADS!
 
But we have to show ads on our site to keep it free and updated. We have to pay huge server costs, domain costs, CDN Costs, Developer Costs, Electricity and Internet Bill. Your little contribution will encourage us to regularly update this site.