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;

#1%、white-space指定元素內的空白怎麼處理

寫法：white-space:normal(預設。空白會被瀏覽器忽略。);pre（空白會被瀏覽器保留。其行為方式類似html中的

標籤為止)；pre-wrap（保留空白符號序列，但正常地進行換行）;pre-line(合併空白符序列，但保留換行符)；inherit;<p> 相關建議：</p><p><a href="http://www.php.cn/div-tutorial-271345.html" target="_self">CSS-文字垂直居中_html/css_WEB-ITnose</a><br></p> <p><a href="http://www.php.cn/css-tutorial-354942.html" target="_self">#css文字樣式及控製文字的大小寫方法</a><br></p>

以上是css中text(文本)屬性的寫入介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！