稍稍總結(jié)了下css文本的一些屬性用法，自己忘記的時候也可以用來查查，不用去查網(wǎng)站那么麻煩。

下面是部分總結(jié)，也希望對其他人有用

文本修飾

(1)text-decoration: 文本修飾（橫線）

4個屬性值

overline line-through underline blink

(1)overline

定義文本上的一條橫線

(2)line-through

這個屬性值時最有用的，一般商家降價促銷后面的價格會用橫線劃去表示那是之前的價格

(3)一般<a>標(biāo)簽會帶由unline

要想去除就要設(shè)置text-decoration:none

(4)blink

文本閃爍，一般很少使用，只有在canvas中會使用，并且瀏覽器的支持度不高，只有火狐支持

另外：

還可以用text-decoration-color來修飾橫線的顏色

(2)text-transform 字母大小寫

5個屬性值

capitalize uppercase lowercase inhert none

(1)capitalize

首字母大寫

(2)uppercase和lowercase

大小寫

(3)inhert

繼承父元素的字母屬性

(4)none

默認(rèn)，沒有任何效果

(3)text-overflow 定義文本超出范圍的修飾

3個屬性

clip ellipsis string

(1)clip

修剪文本

(2)ellipsis

用省略號來表示超出的文本

(3)string

用固定的字符來表示超出的文本

(4) text-shadow: h-shadow v-shadow blur color 文本陰影效果

3個屬性值

(1)v-shadow 必需，水平陰影的位置，允許負(fù)值

(2)v-shadow 必需，垂直陰影的位置，允許負(fù)值

(3)blur 可選，模糊的距離

(4)color 可選，陰影的顏色

文本布局

(1)text-indent 文本縮進(jìn)

3種屬性值

length % inhert

(1)length

定義固定縮進(jìn)，以像素為單位，默認(rèn)值為0

(2)%

以父元素寬度的百分比為長度縮進(jìn)

(3)inhert

繼承父元素的縮進(jìn)

(2)text-align 文本對齊

5種屬性值

left center right justify inhert

(1)left和right

很少使用

(2)center

居中對齊

經(jīng)常和line-height:父元素高度 一起使用使文本居中對齊

如果不添加line-height 屬性，文本會偏在父元素的上方

(3)justify

文本兩端對齊

相關(guān)推薦：

用CSS動態(tài)控制文本屬性_CSS/HTML

css中文本換行屬性word-wrap和white-space

以上就是css文本屬性有哪些？css文本屬性的總結(jié)的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！