CSS手冊簡編：文字屬性

css

CSS屬性：

6、文本（Text）屬性：

這裡的屬性將影響WEB文檔中的文本顯示情況。

text-indent屬性描述文本的縮排程度：

屬性名稱: 'text-indent'
屬性值: <length> | <percentage>
初始值: 0
適合對象: 容器元素
是否繼承: yes
百分比備忘: 根據父元素的寬度而定

下面的例子表明段落的縮排值為3em：

P { text-indent: 3em }

Alignment屬性工作表明文本的對齊：

屬性名稱: 'alignment'
屬性值: left | right | center | justify
初始值: 依照使用者定義
適合對象: block-level elements
是否繼承: yes
百分比備忘: 被禁止

text-decoration屬性描述對文本的修飾方法：

屬性名稱: 'text-decoration'
屬性值: none | [ underline || overline || line-through || blink ]
初始值: none
適合對象: 所有元素
是否繼承: no (see clarification below)
百分比備忘: 被禁止

屬性值含義分別為：
underline：底線。
overline：上劃線。
line-through：刪除線。
blink：閃爍（如同Navigator中的blink標記的功能）

text-shadow屬性可以為文本加入陰影的特效：

屬性名稱: 'text-shadow'
屬性值: none | <color> [, <color> ]*
初始值: none
適合對象: all
是否繼承: No
百分比備忘: 只在描述透明度時有效

例如：

P { text-shadow: black }

上例將在文本的右下方顯示黑色陰影，另外陰影將增大BOX的面積。

letter-spacing屬性工作表明文本的字間距：屬性名稱: 'letter-spacing'

屬性值: normal | <length> | auto
初始值: normal
適合對象: 所有元素
是否繼承: yes
百分比備忘: 被禁止

例如：

BLOCKQUOTE { letter-spacing: 0.1em }

word-spacing屬性工作表明文本中單詞間距：

屬性名稱: 'word-spacing'
屬性值: normal | <length>
初始值: normal
適合對象: 所有元素
是否繼承: yes
百分比備忘: 被禁止

例如：

H1 { word-spacing: 1em }

text-transform屬性可以將BOX內的文本按指定的大寫或小寫形式顯示：

屬性名稱: 'text-transform'
屬性值: capitalize | uppercase | lowercase | none
初始值: none
適合對象: 所有元素
是否繼承: yes
百分比備忘: 被禁止

屬性值含義為：
capitalize：把BOX中的每句句首字母變成大寫。
uppercase：把BOX中所有的字母變成大寫。
lowercase：把BOX中所有的字母變成小寫。

White-space屬性描述如何顯示文本中的空格，在HTML中，空格是被省略的，也就是說你在一個段落標記的開頭無論輸入多少個空格都是無效的，要輸入空格有兩個方法，一是直接輸入空格的代碼" "，或者使用<pre>標記，CSS中也制定了類似於pre的屬性：

屬性名稱: 'white-space'
屬性值: normal | pre | nowrap
初始值: normal
適合對象: 容器元素
是否繼承: yes
百分比備忘: 被禁止

例如：

PRE { white-space: pre }
P { white-space: normal }