What are CSS Text properties? Summary of CSS Text properties

What this article brings to you is about CSS text attributes. CSS Text Properties of the summary, there is a certain reference value, there is a need for friends can refer to, I hope you have some help.

A little summary of the next CSS text some of the properties of the use of their own forgotten when can also be used to check, do not have to check the site so troublesome.

Here's a partial summary, and I want to be useful to others.

Text decoration

(1) Text-decoration: Text decoration (horizontal line)

4 attribute values

Overline Line-through underline blink

(1) Overline

Define a horizontal line on the text

(2) Line-through

The value of this property is most useful, the general business price promotion behind the prices will be marked with a line to indicate that is the previous price

(3) General <a> label will be brought by Unline

If you want to get rid, set Text-decoration:none.

(4) Blink

Text flicker, generally rarely used, only in the canvas will be used, and browser support is not high, only Firefox support

Other than that:

You can also use Text-decoration-color to modify the color of the horizontal line.

(2) Text-transform letter case

5 attribute values

Capitalize uppercase lowercase Inhert None

(1) Capitalize

Capitalize first letter

(2) Uppercase and lowercase

Uppercase and lowercase

(3) Inhert

Inherit the letter attribute of the parent element

(4) None

Default, no effect

(3) Text-overflow define text out of range adornments

3 Properties

Clip ellipsis string

(1) Clip

Trim text

(2) Ellipsis

Use ellipses to denote out-of-bounds text

(3) string

Use fixed characters to denote out-of-bounds text

(4) Text-shadow:h-shadow V-shadow blur color text shadow effect

3 attribute values

(1) V-shadow required, horizontal shadow position, allowable negative value

(2) V-shadow required, vertical shadow position, allowable negative value

(3) Blur optional, blurred distance

(4) Color optional, shadow colors

Text layout

(1) text-indent text indent

3 attribute values

Length% Inhert

(1) Length

Defines a fixed indent, in pixels, with a default value of 0

(2)%

Indent length as a percentage of the parent element's width

(3) Inhert

Inherit the indentation of the parent element

(2) Text-align text alignment

5 attribute values

Left center right justify Inhert

(1) left and right

Rarely used

(2) Center

Center Alignment

Often and Line-height: parent element height used to align the text center

If you do not add the Line-height property, the text will be biased above the parent element

(3) Justify

Align text on both sides