letter-spacing 5e5v37
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. 634b48
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 3xs5l
- Syntax:
letter-spacing: word-spacing: normal | <length> | inherit
- Initial: normal
- Applies To: all elements
- Animatable: yes
Values u704t
- 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 2h2053
The following rule increases the space between the letters inside the <blockquote>
element by 0.1em
.
blockquote { letter-spacing: 0.1em; }
Live Demo 6b4m17
View this demo on the Codrops PlaygroundBrowser 572e63
The letter-spacing
property is ed in Chrome, Firefox, Safari, Opera and IE4+, Android and iOS.
Notes 441w3q
Details on mobile is available in the mobile compatibility table on QuirksMode.