CSS手冊簡編:文字屬性

來源:互聯網
上載者:User

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

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.