【CSS】::first-line（擬似要素） - 最初の行

CSSの擬似要素の１つ、first-lineについてご紹介します。

first-line

擬似要素first-lineは最初の行です。

基本構文

::first-line {
    プロパティ名: プロパティ値;
}

サンプル

次のコードは擬似要素first-lineでp要素の最初の行を目立たせます。

ソースコード

<style>
p::first-line {
    color: red;
    font-size: 36px;
}
</style>

<p>CSSの正式名称はCascading Style Sheetsです。セレクターやプロパティを定義し、ブラウザ表示のレイアウトや見た目を定義します。</p>

プレビュー