:first-line

定義和用法,實例,

定義和用法

:first-line 偽元素向文本的首行添加特殊樣式。
這個偽元素用於設定元素中的第一行文本的樣式,而不論該行出現多少單詞。
:first-line 只能與塊級元素關聯。可以套用到首字母的屬性是有限的。
注釋:下列屬性套用於 :first-line 偽元素:
font 屬性
color 屬性
background 屬性
text-decoration
vertical-align
line-height
clear
偽元素可與 CSS 類結合:
p.article:first-line {color: #FF0000}<p class="article">A paragraph in an article</p> 本例將把所有 class="article" 的段落的第一行字元設定為紅色。

實例

向段落的第一個字元添加特殊樣式:
<html> <head> <style type="text/css"> p:first-line { color:#ff0000; font-variant:small-caps; }</style> </head> <body> <p>This is a text.</p> </body> </html>

相關詞條

熱門詞條

聯絡我們