Search results
The letter-spacing property increases or decreases the space between characters in a text. Show demo
- Text Spacing
Letter Spacing. The letter-spacing property is used to...
- CSS Reference
word-spacing: Increases or decreases the space between words...
- Text Spacing
- Overview
- Syntax
- Accessibility concerns
- Internationalization concerns
The letter-spacing CSS property sets the horizontal spacing behavior between text characters. This value is added to the natural spacing between characters while rendering the text. Positive values of letter-spacing causes characters to spread farther apart, while negative values of letter-spacing bring characters closer together.
Values
normal The normal letter spacing for the current font. Unlike a value of 0, this keyword allows the user agent to alter the space between characters in order to justify text. Specifies extra inter-character space in addition to the default space between characters. Values may be negative, but there may be implementation-specific limits. User agents may not further increase or decrease the inter-character space in order to justify text.
A large positive or negative letter-spacing value will make the word(s) the styling is applied to unreadable. For text styled with a very large positive value, the letters will be so far apart that the word(s) will appear like a series of individual, unconnected letters. For text styled with a very large negative value, the letters will overlap each other to the point where the word(s) may be unrecognizable.
Legible letter-spacing must be determined on a case-by-case basis, as different font families have different character widths. There is no one value that can ensure all font families automatically maintain their legibility.
•MDN Understanding WCAG, Guideline 1.4 explanations
•Understanding Success Criterion 1.4.8 | W3C Understanding WCAG 2.0
Some written languages should not have any letter spacing applied. For instance, languages that use the Arabic script expect connected letters to remain visually connected, as in the following example. Applying letter spacing will lead the text to look broken.
شسيبتنمك
Mar 12, 2013 · Learn how to use letter-spacing to adjust the space between letters in text elements. See syntax, values, examples, browser support and tips for using letter-spacing.
Learn how to use the letter-spacing property to specify the space between characters in a text. See examples, syntax, and values for this CSS text spacing property.
Learn how to use the letter-spacing property to adjust the space between letters in an element. See the syntax, values, examples and browser compatibility of this CSS property.
Learn how to use the CSS letter-spacing property to adjust the space between letters/characters in a text. See the values, examples, browser support and quiz on this property.
People also ask
What is letter-spacing in CSS?
What is letter-spacing CSS?
How do I use letter spacing?
What is a text indent & letter spacing property?
Learn how to use the letter-spacing property in CSS to define the spacing between the characters of a block of text. See pixel and em values, and a visual guide to CSS typography.
