Skip to content
Related Articles

Related Articles

Improve Article

CSS | letter-spacing Property

  • Last Updated : 09 Aug, 2019

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:






    <!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:




    <!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
  • Internet Explorer 4.0
  • Firefox 1.0
  • Opera 3.5
  • Apple Safari 1.0

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :