溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

css中text屬性的語法格式

發(fā)布時(shí)間:2021-01-25 10:48:16 來源:億速云 閱讀:168 作者:小新 欄目:web開發(fā)

這篇文章主要介紹css中text屬性的語法格式,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

一、color文本顏色

寫法:body{color:red},h2{color:#ooffoo},h3{color:rgb(255,0,0)}

二、text-align文本對(duì)齊方式

寫法:text-align:center;right;left;justify;

其中jusitify是指每一行被展開為寬度相等,左右外邊距是對(duì)齊

三、text-decoration文本修飾

寫法:text-decoration:none(默認(rèn));overline;line-through;underline;blink;inherit;

四、text-transform文本轉(zhuǎn)換

寫法:text-transform:none(默認(rèn));uppercase(僅大寫字母);lowercase(僅小寫字母);capitalize(每個(gè)單詞以大寫字母開頭);inherit;

五、text-indent文本縮進(jìn)

寫法:text-indent:0(默認(rèn)為0);length;%(百分比);inherit;

六、word-spacing文本間隔

寫法:text-spacing:normal(默認(rèn),標(biāo)準(zhǔn)空間);length;inherit;

七、line-height

寫法:line-height:normal(默認(rèn),合理的行間距);number(數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來設(shè)置行間距);length;%;inherit;

八、direction文本方向

寫法:direction:ltr(默認(rèn),左到右);rtl(右到左);inherit;

九:letter-spacing字符間距

寫法:letter-spacing:normal(默認(rèn));length(定義固定空間,允許使用負(fù)值);inherit;

十:text-shadow文本陰影

寫法:text-shadow:none(默認(rèn));h-shadow(必需。水平陰影允許負(fù)值);v-shadow(必需。垂直陰影允許負(fù)值);blur(可選,模糊的距離);color(可選,陰影的顏色)

eg:

h2{text-shadow:2px 2px #ff0000;}

十一、unicode-bidi與direction屬性一起使用,來設(shè)置或返回文本是否被重寫,以便在同一文檔中支持多種語言。

寫法:unicode-bidi:normal(默認(rèn),不用附加的嵌入層面);embed(創(chuàng)建一個(gè)附加的嵌入層面);bidi-override(創(chuàng)建一個(gè)附加的嵌入層面。重新排序取決于direction的屬性。);initial(設(shè)置該元素為它的默認(rèn)值);inherit;

十二、vertical-align垂直對(duì)齊

寫法:vertical-align:baseline(默認(rèn),元素放在父元素的基線上);sub(垂直對(duì)齊文本的下標(biāo));super(垂直對(duì)齊文本的上標(biāo));top(把元素的頂端與行中最高元素的頂端對(duì)齊);text-top(把元素的頂端與父元素字體的頂端對(duì)齊);middle(把此元素放置在父元素的中部);bottom(把元素的頂端與行中最低的元素的頂端對(duì)齊);text-bottom(把元素的底端與父元素字體的底端對(duì)齊);length;%(使用“l(fā)ine-height”屬性的百分比值來排列此元素。允許使用負(fù)值);inherit;

十三、white-space指定元素內(nèi)的空白怎樣處理

寫法:white-space:normal(默認(rèn)??瞻讜?huì)被瀏覽器忽略。);pre(空白會(huì)被瀏覽器保留。其行為方式類似html中的<pre>標(biāo)簽);nowrap(文本不會(huì)換行,文本會(huì)在同一行上繼續(xù),直到遇到<br>標(biāo)簽為止);pre-wrap(保留空白符序列,但是正常地進(jìn)行換行);pre-line(合并空白符序列,但是保留換行符);inherit;

以上是“css中text屬性的語法格式”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI