css 文本屬性

text-indent

通過(guò)使用 text-indent 屬性,所有元素的第一行都可以縮進(jìn)一個(gè)給定的長(zhǎng)度,甚至該長(zhǎng)度可以是負(fù)值。

text-align

text-align 是一個(gè)基本的屬性,它會(huì)影響一個(gè)元素中的文本行互相之間的對(duì)齊方式。它的前 3 個(gè)值相當(dāng)直接,不過(guò)第 4 個(gè)和第 5 個(gè)則略有些復(fù)雜。
值 left、right 和 center 會(huì)導(dǎo)致元素中的文本分別左對(duì)齊、右對(duì)齊和居中

word-spacing

word-spacing 屬性可以改變字(單詞)之間的標(biāo)準(zhǔn)間隔。其默認(rèn)值 normal 與設(shè)置值為 0 是一樣的。
word-spacing 屬性接受一個(gè)正長(zhǎng)度值或負(fù)長(zhǎng)度值。如果提供一個(gè)正長(zhǎng)度值,那么字之間的間隔就會(huì)增加。為 word-spacing 設(shè)置一個(gè)負(fù)值,會(huì)把它拉近

letter-spacing

letter-spacing 屬性與 word-spacing 的區(qū)別在于,字母間隔修改的是字符或字母之間的間隔。
與 word-spacing 屬性一樣,letter-spacing 屬性的可取值包括所有長(zhǎng)度。默認(rèn)關(guān)鍵字是 normal(這與 letter-spacing:0 相同)。輸入的長(zhǎng)度值會(huì)使字母之間的間隔增加或減少指定的量

text-transform

none
uppercase
lowercase
capitalize

默認(rèn)值 none 對(duì)文本不做任何改動(dòng),將使用源文檔中的原有大小寫(xiě)。顧名思義,uppercase 和 lowercase 將文本轉(zhuǎn)換為全大寫(xiě)和全小寫(xiě)字符。最后,capitalize 只對(duì)每個(gè)單詞的首字母大寫(xiě)。
作為一個(gè)屬性,text-transform 可能無(wú)關(guān)緊要,不過(guò)如果您突然決定把所有 h1 元素變?yōu)榇髮?xiě),這個(gè)屬性就很有用。不必單獨(dú)地修改所有 h1 元素的內(nèi)容,只需使用 text-transform 為你完成這個(gè)修改:

text-decoration
none
underline
overline
line-through
blink

不出所料,underline 會(huì)對(duì)元素加下劃線,就像 HTML 中的 U 元素一樣。overline 的作用恰好相反,會(huì)在文本的頂端畫(huà)一個(gè)上劃線。值 line-through 則在文本中間畫(huà)一個(gè)貫穿線,等價(jià)于 HTML 中的 S 和 strike 元素。blink 會(huì)讓文本閃爍,類(lèi)似于 Netscape 支持的頗招非議的 blink 標(biāo)記。
none 值會(huì)關(guān)閉原本應(yīng)用到一個(gè)元素上的所有裝飾。通常,無(wú)裝飾的文本是默認(rèn)外觀,但也不總是這樣。例如,鏈接默認(rèn)地會(huì)有下劃線。如果您希望去掉超鏈接的下劃線,可以使用以下 CSS 來(lái)做到這一點(diǎn)

white-space


2018-11-27_142759.png
2018-11-27_142917.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 字體大?。篺ont-size 字體顏色:color 字體類(lèi)型:font-family 字體加粗:font-weig...
    bo波哥閱讀 310評(píng)論 0 1
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁(yè)的形式展示給用戶的,因此網(wǎng)頁(yè)是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁(yè)文件是用...
    阿啊阿吖丁閱讀 4,952評(píng)論 0 0
  • 1.css中設(shè)置文本水平位置的屬性及其屬性值 text-align: left ; right ; center ...
    不可不信緣_b32e閱讀 617評(píng)論 0 1
  • 1.塊級(jí)元素和行內(nèi)元素 塊級(jí)(block-level)元素;行內(nèi)(內(nèi)聯(lián)、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,200評(píng)論 1 4
  • CSS要點(diǎn)記錄 CSS 指層疊樣式表 (Cascading Style Sheets) 多種樣式時(shí)的優(yōu)先級(jí)問(wèn)題 數(shù)...
    Tony__Hu閱讀 1,329評(píng)論 0 0

友情鏈接更多精彩內(nèi)容