::first-letter CSS擬似要素セレクタ

- 勧告

要素内の最初の「文字」のみをスタイル設定できるCSS擬似要素。イニシャルキャップスまたはドロップキャップスのスタイルを実装するのに役立ちます。

Chrome

  1. 4:部分的にサポート
  2. 5 - 8:サポート状況不明
  3. 9 - 123:サポート済み
  4. 124:サポート済み
  5. 125 - 127:サポート済み

Edge

  1. 12 - 123:サポート済み
  2. 124:サポート済み

Safari

  1. 3.1:サポート状況不明
  2. 3.2 - 4:部分的にサポート
  3. 5:サポート状況不明
  4. 5.1 - 17.3:サポート済み
  5. 17.4:サポート済み
  6. 17.5 - TP:サポート済み

Firefox

  1. 2:部分的にサポート
  2. 3:部分的にサポート
  3. 3.5 - 124:サポート済み
  4. 125:サポート済み
  5. 126 - 128:サポート済み

Opera

  1. 9 - 9.6:サポート状況不明
  2. 10 - 11.5:部分的にサポート
  3. 11.6 - 108:サポート済み
  4. 109:サポート済み

IE

  1. 5.5:サポート状況不明
  2. 6 - 7:部分的にサポート
  3. 8:部分的にサポート
  4. 9 - 10:サポート済み
  5. 11:サポート済み

Chrome for Android

  1. 124:サポート済み

Safari on iOS

  1. 3.2 - 4.3:サポート状況不明
  2. 5 - 17.3:サポート済み
  3. 17.4:サポート済み
  4. 17.5:サポート済み

Samsung Internet

  1. 4 - 23:サポート済み
  2. 24:サポート済み

Opera Mini

  1. すべて:サポート済み

Opera Mobile

  1. 10 - 11.5:部分的にサポート
  2. 12 - 12.1:サポート済み
  3. 80:サポート済み

UC Browser for Android

  1. 15.5:サポート済み

Android Browser

  1. 2.1 - 2.2:サポート状況不明
  2. 2.3:部分的にサポート
  3. 3 - 4.4.4:サポート済み
  4. 124:サポート済み

Firefox for Android

  1. 125:サポート済み

QQ Browser

  1. 14.9:サポート済み

Baidu Browser

  1. 13.52:サポート済み

KaiOS Browser

  1. 2.5:サポート済み
  2. 3:サポート済み

仕様書では、常に大文字で表記される2文字の合字(オランダ語の「IJ」など)の両方の文字が::first-letterによってマッチングされるべきであると述べられていますが、いかなるブラウザもこれを実装していません。

リソース
MDN Web Docs - :first-letter