解讀CSS文字(text)樣式

2022-07-31 21:51:22 字數 1903 閱讀 4794

通過文字屬性,您可以改變文字的顏色、字元間距、對齊文字、裝飾文字、文字縮排,等等。

color

該屬性用於改變文字的顏色,注意區分background-color。

line-height:

該屬性用於控制文字的行間距。

text-indent:

這個屬性最常見的用途是將段落的首行縮排,以方便地實現文字縮排,通過使用 text-indent 屬性,所有元素的第一行都可以縮排乙個給定的長度,甚至該長度可以是負值,如果使用的是百分數,相對於縮排元素父元素的寬度。一般來說,可以為所有塊級元素應用 text-indent,但無法將該屬性應用於行內元素,影象之類的替換元素上也無法應用 text-indent 屬性。不過,如果乙個塊級元素(比如段落)的首行中有乙個影象,它會隨該行的其餘文字移動。text-indent 屬性可以繼承。

text-align

該屬性會影響乙個元素中的文字行互相之間的對齊方式,西方語言都是從左向右讀,所有 text-align 的預設值是 left。值 left、right 和 center 會導致元素中的文字分別左對齊、右對齊和居中,而值justify是兩端對齊,值inherit  規定應該從父元素繼承 text-align 屬性的值。但是任何的版本的 internet explorer (包括 ie8)都不支援屬性值 "inherit"。

word-spacing

該屬性可以改變字(單詞)之間的標準間隔,其預設值 normal 與設定值為 0 是一樣的。word-spacing 屬性接受乙個正長度值或負長度值。如果提供乙個正長度值,那麼字之間的間隔就會增加。為 word-spacing 設定乙個負值,會把它拉近。

letter-spacing

該屬性控制字母間隔,字母間隔是字元或字母之間的間隔。

text-transform

該屬性是字元轉換屬性,共有四個值none(不改動)、uppercase(大寫)、lowercase(小寫)、capitalize(每個單詞的首字母大寫)。

text-decoration

該屬性是文字裝飾屬性,共有五個值。underline 會對元素加下劃線,就像 html 中的 u 元素一樣。overline 的作用恰好相反,會在文字的頂端畫乙個上劃線。值 line-through 則在文字中間畫乙個貫穿線,等價於 html 中的 s 和 strike 元素。blink 會讓文字閃爍,類似於 netscape 支援的頗招非議的 blink 標記。none 值會關閉原本應用到乙個元素上的所有裝飾。通常,無裝飾的文字是預設外觀,但也不總是這樣。例如,鏈結預設地會有下劃線。如果您希望去掉超連結的下劃線,可以使用以下 css 來做到這一點。

white-space

該屬性用於控制文字中的空白符和換行,當值為normal則丟掉多餘的空白符,換行字元(回車)會轉換為空格,一行中多個空格的序列也會轉換為乙個空格。當值為pre,空白符的處理就有所不同,其行為就像 xhtml 的 pre 元素一樣;空白符不會被忽略。但經測試,ie 7 以及更早版本的瀏覽器不支援該值。當值是 nowrap,它會防止元素中的文字換行,除非使用了乙個 br 元素。

direction

該屬性控制文字的方向,有兩個值:ltr 和 rtl。大多數情況下,預設值是 ltr,顯示從左到右的文字。如果顯示從右到左的文字,應使用值 rtl。

css樣式教程 4 CSS的Text 文字

有一系列屬性可以改變網頁文字的大小和形狀,概要如下 font family 文字使用的字型,比如宋體,times new roman,arial等等 這個屬性必須詳細制定,不能使用偏僻的字型,要使用安全字型 比如arial,verdana和times new roman和宋體 可以同時指定許多字型,...

CSS樣式 文字樣式

文字擷取 employorganizalistctrl listtext 文字對齊方式 text align justify 文字超出固定高度 顯示滾動條 overflow scroll 顯示邊框 border 1px dashed ff6b6b 虛線 border top style 1px so...

CSS樣式 文字

css文字屬性可定義文字外觀。通過文字屬性,可以改變文字的顏色,字元間距,對齊文字,裝飾文字,對文字縮排 color aquamarine 顏色是繼承效果 text align center 文字對齊方式 text indent 2 em 首行文字縮排2個畫素 text transform capi...