CSS3スタイル虎の巻

:first-line疑似クラス

:first-lineは、1行目にスタイルを適用する疑似クラスです。

解説

指定した要素内の1行目にのみスタイルを適用します。

構文

構文は以下になります。

要素:first-line {スタイル}

サンプル

要素の1行目の背景を青色にする


p.sample01:first-line{
  background-color:#8080ff;
}

<p class="sample01">
りんご<br>
みかん<br>
ぶどう
</p>
りんご
みかん
ぶどう

関連項目