:first-line擬似要素。

CSSでのセレクタ(選択子)の一つである、:first-line疑似要素に関して解説します。

:first-line擬似要素・目次。

:first-line疑似要素とは、当該要素の第一行目に限り対象とする疑似要素です。

要素の内容が長過ぎるなどの理由でクライアント領域の横幅を超えた場合、当該要素は折返して複数行に跨って描写されます。当たり前の話ですが、第一行目に描かれる範囲は環境に依って異なり、依って範囲を指定してマークアップする事は不可能です。このため、疑似要素と言う概念を導入している訳です。

:first-line疑似要素の書式は、

セレクタ:first-line

です。

ここで、セレクタとしては任意のものが使えますが、対象要素を問わない場合なら全称セレクタ(汎用セレクタ)を省略出来ます。

CSSの仕様では、:first-line擬似要素は実装を義務付けられておりません。

従って、:first-line擬似要素でのスタイル指定の効果が見られない場合であっても、それを以って不適合ユーザエージェントと判定する事は出来ません。

また、実装する場合であっても、全プロパティを実装しなくても構わない事とされております。

:first-line擬似要素においては、以下のプロパティのみが有効とされております。

:first-line擬似要素は、

には実装されておりません。

また、一部で挙動がおかしい場合があります。

WAP 2.0では、:first-line擬似要素は仕様に含まれておりません。