css中text屬性的語法格式

這篇文章主要介紹css中text屬性的語法格式，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

一、color文本顏色

寫法：body｛color：red｝，h2{color:#ooffoo},h3{color:rgb(255,0,0)}

二、text-align文本對齊方式

寫法：text-align：center；right；left；justify；

其中jusitify是指每一行被展開為寬度相等，左右外邊距是對齊

三、text-decoration文本修飾

寫法：text-decoration:none(默認)；overline;line-through;underline;blink;inherit;

四、text-transform文本轉換

寫法：text-transform:none(默認)；uppercase(僅大寫字母);lowercase(僅小寫字母);capitalize(每個單詞以大寫字母開頭);inherit；

五、text-indent文本縮進

寫法：text-indent:0(默認為0);length；%（百分比）;inherit;

六、word-spacing文本間隔

寫法：text-spacing:normal(默認，標準空間);length;inherit;

七、line-height

寫法：line-height:normal(默認，合理的行間距);number（數字會與當前的字體尺寸相乘來設置行間距）；length；%；inherit；

八、direction文本方向

寫法：direction:ltr(默認,左到右);rtl（右到左）;inherit；

九：letter-spacing字符間距

寫法：letter-spacing:normal(默認)；length（定義固定空間，允許使用負值）；inherit；

十：text-shadow文本陰影

寫法：text-shadow:none(默認)；h-shadow(必需。水平陰影允許負值)；v-shadow（必需。垂直陰影允許負值）；blur（可選，模糊的距離）；color（可選，陰影的顏色）

eg：

h2{text-shadow：2px 2px #ff0000;}

十一、unicode-bidi與direction屬性一起使用，來設置或返回文本是否被重寫，以便在同一文檔中支持多種語言。

寫法：unicode-bidi：normal（默認，不用附加的嵌入層面）；embed（創建一個附加的嵌入層面）；bidi-override（創建一個附加的嵌入層面。重新排序取決于direction的屬性。）；initial（設置該元素為它的默認值）；inherit；

十二、vertical-align垂直對齊

寫法：vertical-align:baseline(默認，元素放在父元素的基線上)；sub（垂直對齊文本的下標）；super（垂直對齊文本的上標）；top(把元素的頂端與行中最高元素的頂端對齊)；text-top（把元素的頂端與父元素字體的頂端對齊）；middle（把此元素放置在父元素的中部）；bottom（把元素的頂端與行中最低的元素的頂端對齊）；text-bottom（把元素的底端與父元素字體的底端對齊）；length；%（使用“line-height”屬性的百分比值來排列此元素。允許使用負值）；inherit；

十三、white-space指定元素內的空白怎樣處理

寫法：white-space:normal(默認。空白會被瀏覽器忽略。);pre（空白會被瀏覽器保留。其行為方式類似html中的<pre>標簽）;nowrap(文本不會換行，文本會在同一行上繼續，直到遇到<br>標簽為止)；pre-wrap（保留空白符序列，但是正常地進行換行）;pre-line(合并空白符序列，但是保留換行符)；inherit；

以上是“css中text屬性的語法格式”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！