css中text(文本)屬性的寫法介紹

本篇文章給大家帶來的內容是關於css中text(文本)屬性的寫法介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所協助。

一、color文本顏色

寫法：body｛color：red｝，h1{color:#ooffoo},h2{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：

h1{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；