這篇文章帶給大家的內容是關於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;相關建議:
CSS-文字垂直居中_html/css_WEB-ITnose
以上是css中text(文本)屬性的寫入介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!