Arrow

CSS Letter Spacing

AuthorHariom Prajapati

Pubish Date27 Sep 2022

categoryCSS

It is use to increases or decreases the space between characters.

 

Syntax -

letter-spacing: value;

 

values

normal

⦁ It is normal space between words (0.25em)

⦁ This is default

length

⦁ It is use to add additional space between characters (in px, pt, cm, em, etc). 

⦁ Negative values are allowed.

 

For example -

<!DOCTYPE html>
<html>

<head>
  <title>CSS Letter Spacing</title>

  <style>
    .normal {
      letter-spacing: normal;
    }

    .length {
      letter-spacing: 8px;
    }
  </style>
</head>

<body>
  <h1> Normal Value (default) </h1>
  <h3 class="normal">The letter-spacing property is used to specify the amount of space between letters. The amount indicated is in addition to the default spacing. The amount is specified in units.
  </h3>
  <h1> Length Value</h1>
  <h3 class="length"> The letter-spacing property is used to specify the amount of space between letters. The amount indicated is in addition to the default spacing.The amount is specified in units. </h3>
</body>

</html>

 

Output

CSS letter spacing