Skip to content
Related Articles

Related Articles

CSS | letter-spacing Property

View Discussion
Improve Article
Save Article
  • Last Updated : 02 Aug, 2022

The letter-spacing property in CSS is used to set the spacing behavior between text characters i.e increasing or decreasing the space between characters in a text. 

Syntax:

letter-spacing: normal|length|initial|inherit;

Property values:

  • normal: The normal letter spacing for the current font i.e no extra space between characters. This is the default value. 

Syntax:

letter-spacing: normal;

Example: 

html




<!DOCTYPE html>
<html>
    <head>
        <title>CSS letter-spacing Property</title>
        <style>
            p {
              letter-spacing: normal;
            }
        </style>
    </head>
    <body style = "text-align: center;">
        <h1 style = "color:green;">
            GeeksforGeeks
        </h1>
 
        <h2>
            CSS letter-spacing Property
        </h2>
 
        <p>
            This paragraph has letter-spacing: normal;
        </p>
    </body>
</html>

Output:

 letterspacing

  • length: This mode specifies extra inter-character space in addition to the default space between characters. Negative values are also allowed. 

Syntax:

letter-spacing: length;

Example: 

html




<!DOCTYPE html>
<html>
    <head>
        <title>CSS letter-spacing Property</title>
        <style>
            p {
              letter-spacing: 5px;
 
            }
        </style>
    </head>
    <body style = "text-align: center;">
        <h1 style = "color:green;">
            GeeksforGeeks
        </h1>
 
        <h2>
            CSS letter-spacing Property
        </h2>
 
        <p>
            This paragraph has letter-spacing: 5px;
        </p>
    </body>
</html>

Output: 

letterspacing

  • initial: This mode sets this property to its default value. 

Syntax:

letter-spacing: initial;

Supported Browsers: The browser supported by letter-spacing property are listed below:

  • Google Chrome 1.0 and above
  • Edge 12.0 and above
  • Internet Explorer 4.0 and above
  • Firefox 1.0 and above
  • Opera 3.5 and above
  • Apple Safari 1.0 and above

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!