CSS Text Properties

Text properties in the Css1&2

Property	Version	Brief introduction
Text-indent	CSS1	Retrieves or sets the indentation of text in an object
Letter-spacing	CSS1	Retrieves or sets the interval between text in an object
Word-spacing	CSS1	Retrieves or sets the number of spaces inserted between words in an object.
Vertical-align	Css1/css2	Sets or retrieves the vertical alignment of an object's contents
White-space	CSS1	Set or retrieve the handling of spaces within an object
Direction	CSS2	Retrieves or sets the direction of the text flow
Unicode-bidi	CSS2	Used to display text that is read in different directions on the same page. Use with the direction Property
Line-height	CSS1	Retrieves or sets the row height of the object. That is, the distance between the bottom of the font and the top of the font

CSS3 New Text Properties

Property	Version		Brief introduction
Text-overflow	CSS3		Sets or retrieves whether an ellipsis tag (... ) is used. ) indicates overflow of text within the object
Text-align	Css1/css3		Set or retrieve the alignment of text in an object
Text-transform	Css1/css3		Retrieves or sets the case of text in an object
Text-decoration	Css1/css3		Composite properties. Retrieves or sets the decoration of text in an object, such as underline, flicker, and so on
Text-decoration-line	CSS3		Retrieves or sets the position of the text decoration line in the object.
Text-decoration-color	CSS3		Retrieves or sets the color of the text decoration lines in an object.
Text-decoration-style	CSS3		Retrieves or sets the shape of the text decoration line in an object.
Text-shadow	CSS3		Sets or retrieves whether text in an object has a shadow or blur effect
Text-fill-color	CSS3		Sets or retrieves the text fill color in an object
Property		Version		Brief introduction
Text-stroke		CSS3		Composite properties. Sets or retrieves the stroke of text in an object
Text-stroke-width		CSS3		Sets or retrieves the stroke thickness of text in an object
Text-stroke-color		CSS3		Sets or retrieves the stroke color of text in an object
Tab-size		CSS3		Retrieves or sets the length of a tab in an object
Word-wrap		CSS3		Sets or retrieves whether a career change is broken when the current row exceeds the bounds of the specified container

Text-overflow Property

Function: Sets the text processing mode under the content overflow state.

Value: Clip: The default worth object inside the text overflow when the ellipsis mark (...) is not displayed. ), instead of cutting out the overflow part.

Ellipsis: Displays ellipsis (...) when text inside an object overflows. ）。

Note: This property needs to be used in conjunction with the Over-flow:hidden property (out of processing) and white-space:nowrap (no line wrapping), otherwise you cannot see the effect

Text-align Property

Function: Set the text alignment value:

Left: The contents of the default value are aligned. Center: Content Center-aligned. Right: the content is justified. Justify: Content is justified on both sides.

Only Firefox can see the correct effect when writing this document start: Content aligns to the start boundary. (CSS3) End: Content-aligned end boundary. (CSS3)

Text-transform Property

Function: Set the conversion of the text in the form of the case

Value: None: Default Value No conversion

Capitalize: Converts the first letter of each word to uppercase

Uppercase: Convert to uppercase

Lowercase: Convert to lowercase

Full-width: The left and right word subscript character for full-width form (CSS3) does not support

Full-size-kana: Converting all small kana characters to ordinary pseudonyms (CSS3) is not supported for example: Turkish.

Text-decoration Property

Function: Sets the text decoration line.

Value: [Text-decoration-line]: not supported

Specifies the kind of text decoration. Text-decoration property equivalent to CSS1

[Text-decoration-style]: The style of the specified text decoration is not supported.

[Text-decoration-color]: The color of the specified text decoration is not supported.

Blink: Specifies that the decoration of the text is blinking. Opera and Firefox only

Example: Text-decoration:overline CSS1 instance text-decoration: #F00 Double overline CSS3 instance

Note: None of the main browsers currently implement the above attributes, but you can still use the CSS1 instance mode

Text-decoration-line Property

Function: Sets the position of the text decoration line.

Value: None: default Specifies that text is not decorated

Underline: The decoration of the specified text is underlined

Overline: The decoration of the specified text is underlined

Line-through: The decoration of the specified text is a penetrating line

Note: Most browsers do not implement this property at this time.

Text-decoration-color Property

Function: Sets the color value of the text decoration line: Specifies the color.

Note: Most browsers do not implement this property at this time.

Text-decoration-style Property

Function: Sets the style of the text decoration line.

Value: Solid: Default solid Line

Double: two-wire

Dotted: dot-like line

Dashed: Dashed line

Wavy: Wavy Line

Note: Most browsers do not implement this property at this time.

Text-shadow Property

Function: Sets the shadow effect of the text

Value: None: Default Value No Shadow

<length>①: The 1th length value is used to set the shadow horizontal offset value of an object. Can be a negative value

<length>②: The 2nd length value is used to set the shadow vertical offset value of an object. Can be a negative value

<length>③: A 3rd length value is used to set the shadow blur value of the object. Negative value not allowed 0: no blur, 10px: Blur degree 10 pixels

<color> sets the color of the object's shadow.

Text-fill-color Property

Effect: Text fill color, specifying the color value of the text fill part: color

Note: Using this property requires a browser-like prefix

Text-stroke Property

Effect: text border color, specifying the color of the text stroke part

Value: [Text-stroke-width]: Sets or retrieves the stroke thickness of text in an object

[Text-stroke-color]: Sets or retrieves the stroke color of text in an object

Note: Using this property requires a browser-like prefix

Text-stroke-width Property

Function: Specifies the width of the text Stroke section, Text-stroke derived property value: length

Note: Using this property requires a browser-like prefix

Text-stroke-color Property

Function: Specifies the color of the text stroke part, Text-stroke derived property value: Color

Note: Using this property requires a browser-like prefix

Tab-size Property

Function: Sets a tab indent key to display the length of the page.

Value: Default value: 8 Length or integer value

Integer value: z-index:1 here 1 is the integer value, no units, similar multiples.

Length: margin:10px The 10px here is the length value.

Note: This property is only visible within the <pre> tab (pre-formatted state). Because the browser automatically ignores whitespace characters.

Opera and Firefox need to use the browser's private prefix.

Word-wrap Property

Effect: The way in which the overflow text (especially the English type) is handled.

Value: Normal: The default value allows the content to open or overflow the specified container boundary.

Break-word: Content will be wrapped within the boundary. If necessary, word breaks are allowed inside words.

CSS Text Properties