要素の1文字目にのみスタイルを適用する

疑似要素 first-letter

要素名: first-letter ファースト・レター {~}

セレクタに指定した要素の1文字目にのみスタイルを適用します。セレクタに指定できるのはブロックボックスに分類される要素のみで、指定できないプロパティも存在します。また、1文字目が引用符や括弧の場合は、2文字目までスタイルを適用します。

セレクタの使用例

以下の例では、段落の先頭の文字にスタイルを適用し、フォントサイズを2倍、かつ文字色を赤で表示しています。

CSS
p:first-letter {
  font-size: 200%; color: red;
}