What are the css text attributes? Summary of css text properties

This article brings you what are the css text attributes? The summary of css text attributes has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

I have briefly summarized the usage of some properties of CSS text. You can also use it to look it up when you forget it. You don’t have to go to the website to check it.

The following is a partial summary, I hope it will be useful to others

Text modification

(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

This attribute value is the most useful. Generally, the price after the merchant's price promotion will be crossed out with a horizontal line to indicate that it was before The price

(3) Generally, the tag will be marked by unline

If you want to remove it, set text-decoration:none

(4)blink

Text flashing, generally rarely used, only used in canvas, and browser support is not high, only Firefox supports it

In addition:

You can also use text- decoration-color to modify the color of horizontal lines

(2)text-transform Letter case

5 attribute values

capitalize uppercase lowercase inhert none

(1)capitalize

First letter is capitalized

(2)uppercase and lowercase

uppercase

(3)inhert

Inherit the letter attribute of the parent element

(4)none

Default, no effect

(3)text-overflow defines text Out-of-range modification

3 attributes

clip ellipsis string

(1)clip

Trim text

( 2)ellipsis

Use ellipses to represent excess text

(3)string

Use fixed characters to represent excess text

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

3 attribute values

(1)v-shadow Required, the position of the horizontal shadow, Allow negative values

(2)v-shadow Required, vertical shadow position, allow negative values

(3)blur Optional, blur distance

(4) color Optional, the color of the shadow

Text layout

##(1)text-indent Text indent

3 types of attribute values

length % inhert

(1)length

Define fixed indent, in pixels, the default value is 0

(2)%

Use the percentage of the width of the parent element as the length to indent

(3)inhert

Inherit the indent 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 used together with line-height: parent element height to center align the text

If you do not add the line-height attribute, the text will be above the parent element

(3)justify

Align both ends of the text

Related recommendations:

Use CSS to dynamically control text attributes_CSS/HTML

css Chinese text wrapping properties word-wrap and white-space

The above is the detailed content of What are the css text attributes? Summary of css text properties. For more information, please follow other related articles on the PHP Chinese website!