Text
Introduction
The text properties are used to define the font effects to text elements.
Text Properties
| Property | Values | Description |
|---|---|---|
| Font Family | value, inherit | Set an font family. |
| Color | color, transparent | Set the text color. |
| Weight | 300, 400, 500, 600, 700 | Sets how thick or thin characters in text should be displayed. |
| Font Size | number, inherit | Sets the size of a font. |
| Line Height | number, inherit | Set the leading. |
| Style | normal, italic | Specifies the font style for a text. |
| Transform | none, capitalize, uppercase, lowercase | Controls the capitalization of text. |
| Decaration | none, overline, through, underline | Specifies the decoration added to text. |
| Align | left, center, right, justify | Specifies the horizontal alignment of text in an element. |
| Text Shadow | value, none | Adds shadow to text. |
| Breaking | normal, nowrap, pre, pre-line, pre-wrap | Specifies how white-space inside an element is handled. |
| Letter Spacing | number | Increases or decreases the space between characters in a text. |
| Word Spacing | number | Increases or decreases the white space between words. |
| Columns | number | Allows easy definition of multiple columns of text – just like in newspapers. |
| Direction | ltr, rtl | Specifies the text direction/writing direction within a block-level element. |
Was this article helpful?
YesNo