【CSSセレクタ】E:first-line
『セレクタ:first-line』で、要素の最初の行に適用でき、こちらは一般に『擬似要素』と呼ばれます。IE8以下のブラウザでは動きません。
注意点として、ブラウザにレンダリングされた後の最初の行に適用されるものとなり、ソースコード上の最初の行ではありません。その他、この『:first-line』は『display』プロパティの値が『block』、『inline-block』、『table-cell』、『table-caption』等である場合のみ反映されますのでインライン要素などでは反映されません。ご注意ください。
サンプルコード
p:first-line { color: red;} /* 最初の行を赤字にします。 */
ブラウザでの表示結果
p:first-line { color: red;} /* 最初の行を赤字にします。 */
<p> 最初の行が赤字になります。 ソースコード上の<br>最初の行ではありませんのでご注意ください。 </p>
対応ブラウザ
デスクトップ
全バージョンで対応しています
8 △
7 △
6 △
6 △
5 △
4 △↑ 『:first-line』として対応
2 以前 ×モバイル
Android Browser
4.4 以降 ○
3 以前 ×デスクトップ版と同等の対応です
デスクトップ版と同等の対応です
※ バージョン情報は MDN に基づいています。
記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。