::first-letter要素の 1文字目にのみスタイルを適用する
::first-letter 疑似要素は、指定した要素の 1文字目にのみスタイルを適用します。指定できるのはブロックボックスに分類される要素のみで、適用できないプロパティも存在します。
なお、1文字目が引用符や括弧の場合は、2文字目までスタイルを適用します。
::first-letterのサンプルソース
p::first-letter {
font-size: 200%;
color: red;
}
主要ブラウザの対応
| IE11 | ○ |
|---|---|
| Edge（EdgeHTML） | ○ |
| Edge（Chromium） | ○ |
| Chrome | ○ |
| Firefox | ○ |
| Safari | ○ |
| iOS Safari | ○ |
| Android Chrome | ○ |