CSS letter-spacing Property

CSS letter-spacing property is used to set horizontal spacing between the characters of a text.

The letter-spacing property can accept a positive, negative, or zero value and can be specified in any valid CSS length format. See the example below:


  letter-spacing: 7px;
  letter-spacing: 0px;
  letter-spacing: -1px;

CSS Syntax

The letter-spacing property has the following syntax:

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

Property Values

The letter-spacing property accepts the following values:

normalNo extra space between the characters. This is the default value.
lengthSets extra spacing between the characters in any valid CSS length formats like ‘px’, ’em’, ‘rem’, ‘cm’, etc.
initialSets the letter-spacing property to its default value(normal).
inheritInherits the letter-spacing property from the parent element.

General Info

Default Valuenormal
JavaScript Usageelement.style.letterSpacing = “7px”


  • Manoj Kumar

    Hi, My name is Manoj Kumar. I am a full-stack developer with a passion for creating robust and efficient web applications. I have hands-on experience with a diverse set of technologies, including but not limited to HTML, CSS, JavaScript, TypeScript, Angular, Node.js, Express, React, and MongoDB.

    View all posts