A
V
Line Height
Definition and Usage
The Line Height utility defines the vertical spacing between lines of text using the CSS line-height property. This improves readability and visual structure, especially in blocks of text, by controlling how tightly or loosely lines are spaced.
Line Height Examples
| Property | Value |
|---|---|
| LeHt0 | line-height: 0; |
| LeHt0o5 | line-height: 0.5; |
| LeHt9o5 | line-height: 9.5; |
| LeHt10 | line-height: 10; |
Note
The line-height has a range of 0 to 10 with interval of 0.5. The default value is 1. Use 'o' for representing decimal value.
Letter Spacing
Definition and Usage
The Letter Spacing utility adjusts the horizontal spacing between characters using the CSS letter-spacing property. It enhances text readability, helps refine typography, and can be used for both aesthetic and functional purposes in UI design.
Letter Spacing Examples
| Property | Value |
|---|---|
| LrSg0 | letter-spacing: 0; |
| LrSg0o5 | letter-spacing: 0.5; |
| LeHt9o5 | letter-spacing: 9.5; |
| LrSg10 | letter-spacing: 10; |
Note
The Letter Spacing has a range of 0 to 10 with interval of 0.5. The default value is 1. Use 'o' for representing decimal value.
Word Spacing
Definition and Usage
The Word Spacing utility adjusts the horizontal space between words using the CSS word-spacing property. It enhances the overall rhythm and flow of text, especially in headlines or decorative text styles.
Word Spacing Examples
| Property | Value |
|---|---|
| WdSg0 | word-spacing: 0; |
| WdSg0o5 | word-spacing: 0.5; |
| WdHt9o5 | word-spacing: 9.5; |
| WdSg10 | word-spacing: 10; |
Note
The Letter Spacing has a range of 0 to 10 with interval of 0.5. The default value is 1. Use 'o' for representing decimal value.