What are CSS Text properties? Summary of CSS Text properties

Source: Internet
Author: User
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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.