CSS手冊簡編:文字屬性

來源:互聯網
上載者:User
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 }



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。