css中文本樣式屬性有哪些

這篇文章主要為大家展示了“css中文本樣式屬性有哪些”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“css中文本樣式屬性有哪些”這篇文章吧。

文本css樣式有：文本顏色“color”、文本方向“direction”、字符間距“letter-spacing”、文本水平對齊方式“text-align”、文本修飾“text-decoration”、首行縮進“text-indent”等。

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

文本css樣式

下面給大家介紹一些css文本樣式。

text-indent首行縮進

首行縮進是將段落的第一行縮進，這是常用的文本格式化效果。一般地，中文寫作時開頭空兩格，類似于此。

該屬性的值是允許為負值的。

語法：

text-indent:<length> | <percentage> | inherit

tip：初始值為0；

應用于: 塊級元素(包括block和inline-block)

繼承性: 有

百分數: 相對于包含塊的寬度

案例：首字符下沉

div {
    width: 200px;
    border: 1px solid black;
    text - indent: 0.5em;
}
div: first - letter {
    font - size: 30px;
    float: left;
}

text-align水平對齊

水平對齊是影響一個元素中的文本的水平對齊方式。

語法：

text-align: left | center | right | justify | inherit

初始值: left

應用于: 塊級元素(包括block和inline-block)

繼承性: 有

對于IE7-瀏覽器來說，使用text-align不僅會改變文本的水平對齊方式，也會改變后代塊級元素的水平對齊方式

word-spacing字間隔

字間隔是指單詞間距，用來設置文字或單詞之間的間距。實際上，"字"表示的是任何非空白符字符組成的串，并由某種空白符包圍。

注意：單詞之間用空格分開，單詞之間的間距 = word-spacing + 空格大小

注意：字間隔可為負值

語法：

word-spacing: <length> | normal | inherit

初始值: normal(默認為0)

應用于: 所有元素

繼承性: 有

letter-spacing字母間隔

字母間隔是指字符間距

注意：字母間隔可為負值

letter-spacing：<length> | normal | inherit

初始值: normal(默認為0)

應用于: 所有元素

繼承性: 有

text-transform文本轉換

文本轉換用于處理英文的大小寫轉換。

語法：

text-transform:uppercase(全大寫) | lowercase(全小寫) | capitalize(首字母大寫) | none | inherit

初始值: none

應用于: 所有元素

繼承性: 有

text-decoration文本修飾

文本修飾用于為文本提供修飾線。

注意：文本修飾線的顏色與文本顏色相同。

語法：

text-decoration:none | [underline(下劃線) || overline(上劃線) || line-through(中劃線)] | inherit

初始值: none

應用于: 所有元素

繼承性: 無

以上是“css中文本樣式屬性有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！