要素名: first-line 【 ファースト・ライン 】 {～}

セレクタに指定した要素の1行目にのみスタイルを適用します。セレクタに指定できるのはブロックボックスに分類される要素のみで、指定できないプロパティも存在します。また、1行目の内容が表示されたどの部分に当たるのかは、フォントサイズやウィンドウサイズなどによって左右されます。

セレクタの使用例

以下の例では、p要素のマージンを広くしたうえで、段落の1行目にのみ別にスタイルを適用し、広くしたマージンを取り消しています。

CSS

p {
  margin-left:1em;
}
p:first-line {
  margin-left:-1em;
}