您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關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:2px2px#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文本屬性怎么寫”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。