Text - logaegae/project_study GitHub Wiki

Color

Sets the color of text

Direction

Specifies the text direction/writing direction

direction: rtl;

Letter-spacing

Increases or decreases the space between characters in a text

ex> letter-spacing: -3px;

Line-height

Sets the line height

ex>line-height: 0.8;

Text-align

Specifies the horizontal alignment of text

* text-align: center;

* text-align: left;

* text-align: right;

* text-align: justify; each line is stretched so that every line has equal width, 
                       and the left and right margins are straight (like in magazines and newspapers)

Text-decoration

Specifies the decoration added to text

text-decoration: none;

Text-indent

Specifies the indentation of the first line in a text-block

ex> text-indent: 50px;

Text-shadow

Specifies the shadow effect added to text

text-shadow: 2px 2px #ff0000;

Text-transform

Controls the capitalization of text

text-transform: uppercase;

text-transform: lowercase;

text-transform: capitalize;

Unicode-bidi

Used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document

direction: rtl;
unicode-bidi: bidi-override;

Sets the vertical alignment of an element

White-space

Specifies how white-space inside an element is handled

normal        Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary(default)	
nowrap        Sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line. The text continues on the same line until a <br> tag is encountered	
pre           Whitespace is preserved by the browser. Text will only wrap on line breaks. Acts like the <pre> tag in HTML	
pre-line      Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks	
pre-wrap      Whitespace is preserved by the browser. Text will wrap when necessary, and on line breaks	
initial	      Sets this property to its default value
inherit	      Inherits this property from its parent element

Word-spacing

Increases or decreases the space between words in a text

word-spacing: 10px;
⚠️ **GitHub.com Fallback** ⚠️