首頁 > web前端 > css教學 > 主體

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

不言
發布: 2018-08-21 11:29:16
原創
3441 人瀏覽過

這篇文章帶給大家的內容是關於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文字樣式及控製文字的大小寫方法

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板