:first-line疑似クラス

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

解説

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

構文

構文は以下になります。

サンプル

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

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

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

関連項目

• :first-line：１行目にスタイルを適用する
• :first-letter：１文字目にスタイルを適用する

Tweet