letter-spacing 54424x
This property specifies the spacing behavior between individual letters in words of text. It is used to increase or decrease the default amount of space between the letters inside a word. 4r3h6t
The letter-spacing
property is listed as an animatable property in the CSS Transitions spec, which means that you can transition its value from one to another using CSS transitions or animations. The speed at which the transition occurs is specified by a CSS timing function.

The letter-spacing
property can be used to remove white space between inline-block elements inside an element by setting it to a value of -0.31em or 4px.
The letter-spacing
property cascades, so you need to to reset the letter spacing value to normal
on the inline-block elements if you don’t want them to inherit the same value as their container.
Official Syntax 55184y
- Syntax:
letter-spacing: word-spacing: normal | <length> | inherit
- Initial: normal
- Applies To: all elements
- Animatable: yes
Values 584j31
- normal
- The spacing is the normal spacing for the current font. This value allows the agent to alter the space between characters in order to justify text.
- <length>
- This value indicates inter-character space in addition to the default space between characters. Values may be negative, but there may be implementation-specific limits. Browsers may not further increase or decrease the inter-character space in order to justify text.
- inherit
- The property takes the same specified value as the property for the element’s parent.
Examples 3e5p5z
The following rule increases the space between the letters inside the <blockquote>
element by 0.1em
.
blockquote { letter-spacing: 0.1em; }
Live Demo 2x4j2k
View this demo on the Codrops PlaygroundBrowser k5t66
The letter-spacing
property is ed in Chrome, Firefox, Safari, Opera and IE4+, Android and iOS.
Notes z5jo
Details on mobile is available in the mobile compatibility table on QuirksMode.