文本(Text)屬性:
這里的屬性將影響WEB文檔中的文本顯示情況。
text-indent屬性描述文本的縮進(jìn)程度:
屬性名稱: 'text-indent'
屬性值: <length> | <percentage>
初始值: 0
適合對(duì)象: 容器元素
是否繼承: yes
百分比備注: 根據(jù)父元素的寬度而定
下面的例子表明段落的縮進(jìn)值為3em:
P { text-indent: 3em }
Alignment屬性表明文本的對(duì)齊方式:
屬性名稱: 'alignment'
屬性值: left | right | center | justify
初始值: 依照用戶定義
適合對(duì)象: block-level elements
是否繼承: yes
百分比備注: 被禁止
text-decoration屬性描述對(duì)文本的修飾方法:
屬性名稱: 'text-decoration'
屬性值: none | [ underline || overline || line-through || blink ]
初始值: none
適合對(duì)象: 所有元素
是否繼承: no (see clarification below)
百分比備注: 被禁止
屬性值含義分別為:
underline:下劃線。
overline:上劃線。
line-through:刪除線。
blink:閃爍(如同Navigator中的blink標(biāo)記的功能)
text-shadow屬性可以為文本加入陰影的**:
屬性名稱: 'text-shadow'
屬性值: none | <color> [, <color> ]*
初始值: none
適合對(duì)象: all
是否繼承: No
百分比備注: 只在描述透明度時(shí)有效
例如:
P { text-shadow: black }
上例將在文本的右下方顯示黑色陰影,另外陰影將增大BOX的面積。
letter-spacing屬性表明文本的字間距:屬性名稱: 'letter-spacing'
屬性值: normal | <length> | auto
初始值: normal
適合對(duì)象: 所有元素
是否繼承: yes
百分比備注: 被禁止
例如:
BLOCKQUOTE { letter-spacing: 0.1em }
word-spacing屬性表明文本中單詞間距:
屬性名稱: 'word-spacing'
屬性值: normal | <length>
初始值: normal
適合對(duì)象: 所有元素
是否繼承: yes
百分比備注: 被禁止
例如:
H1 { word-spacing: 1em }
text-transform屬性可以將BOX內(nèi)的文本按指定的大寫或小寫形式顯示:
屬性名稱: 'text-transform'
屬性值: capitalize | uppercase | lowercase | none
初始值: none
適合對(duì)象: 所有元素
是否繼承: yes
百分比備注: 被禁止
屬性值含義為:
capitalize:把BOX中的每句句前幾字母變成大寫。
uppercase:把BOX中所有的字母變成大寫。
lowercase:把BOX中所有的字母變成小寫。
White-space屬性描述如何顯示文本中的空格,在HTML中,空格是被省略的,也就是說你在一個(gè)段落標(biāo)記的開頭無論輸入多少個(gè)空格都是無效的,要輸入空格有兩個(gè)方法,一是直接輸入空格的代碼" ",或者使用<pre>標(biāo)記,CSS中也制定了類似于pre的屬性:
屬性名稱: 'white-space'
屬性值: normal | pre | nowrap
初始值: normal
適合對(duì)象: 容器元素
是否繼承: yes
百分比備注: 被禁止
例如:
PRE { white-space: pre }
P { white-space: normal }
詳細(xì)學(xué)習(xí)網(wǎng)頁制作技術(shù)CSS的文本屬性,希望對(duì)您有用。