CSS Syntax Manual (2) Text Properties

1. Letter-spacing

Function: Control the spacing between letters of text elements. The set distance applies to the entire element.
Value:
normal - Normal spacing, resets the spacing between characters to normal spacing for all fonts and sizes.
Length - Set the length of the word spacing. A positive value means adding the normal length inherited from the parent element, and a negative value means subtracting the normal length. Specify the unit of measurement after the number as follows: mm, cm, in, pt (points), px (pixels), pc (pica), ex (height of lowercase letter x), em (width of uppercase letter M).
Example:

Letter-Spacing

2, line-height

Function: Set the line spacing of the text in the element.
Value:
normal - Normal height, usually 1-1.2 times the font size, which is the default setting.
Number - Sets the distance between each line of text in the element to the font size multiplied by this number. For example, if the font size is 10 points and line-height is set to 2, the spacing will be 20 points.
Length - Set spacing in standard units of measurement, some absolute, some relative, see letter-spacing for instructions.
Percent - Set spacing as a percentage of the font size as well.

Example: This is the first line.

This is the second line.

This is the third line.

3. text-align

Function: Align text horizontally in the element box.
Value:
left - left alignment
right - right alignment
center - center
justify - evenly distributed, generate lines of equal length
Example:

to left

center

to right

4. text -decoration

function: text decoration, used to control the effects used by text elements, especially suitable for eye-catching instructions, warnings and other text effects.
Value:
none - no text modification, default setting.
underline - underline.
overline - Overline.
line-through - Strikethrough.
blink - Blink.
Multiple keywords can be combined in the same statement.
Example:

underline

overline

5. text-indent

Function: text indentation, used for indenting the first line of a paragraph.
Value:
Length - Set the size of the first line indentation to the specified measurement unit. Some units are relative and some are absolute. See the description of the letter-spacing attribute.
Percent - Set the first line indentation amount as a percentage of the line length.
Example:

Text indentation, used for indenting the first line of a paragraph.

6. text-transform

Function: Set the capitalization standard of one or several elements.
Value:
none - Do not change the uppercase or lowercase of the text.
capitalize - Capitalize the first letter of each word in the element.
uppercase - Set all text to uppercase.
lowercase - Set all text to lowercase.
Example:

A Text-Transform Example.

A TEXT-TRANSFORM EXAMPLE.

Value:

baseline - A lowercase baseline that aligns two elements.

sub - subscript.

super - superscript.

top - Top alignment.

text-top - Text top alignment.
middle - midline alignment.
bottom - bottom line alignment.
text-bottom - Align the bottom lines of letters.
Percent - raises or lowers the online element's baseline by a certain percentage based on the parent element's baseline, and uses it in combination with the element's line-height attribute.
Example:




a1x2

8, Word-spacing

Function: Control the spacing between elements in the text. The spacing you set applies to the entire element; you cannot insert larger or smaller spacing between words.

Value:

normal - normal spacing.

Length - If the length is positive, the normal length inherited from the parent element is added, if negative, it is subtracted.

Example:

A Word Spacing Example

The above is the content of CSS Grammar Manual (2) text attributes. For more related content, please pay attention to the PHP Chinese website (www.php.cn)