text-emphasis スタイリング

- CR

東アジアの言語でよく使われる、テキストの連続性を強調するために各グリフの横に小さな記号を使用する方法。text-emphasis のショートハンドと、その text-emphasis-style および text-emphasis-color のロングハンドを使用して、テキストにマークを適用できます。個別に継承される text-emphasis-position プロパティを使用すると、テキストに対する強調マークの位置を設定できます。

Chrome

  1. 4 - 24:未サポート
  2. 25 - 98:部分的にサポート
  3. 99 - 123:サポート
  4. 124:サポート
  5. 125 - 127:サポート

Edge

  1. 12 - 18:未サポート
  2. 79 - 98:部分的にサポート
  3. 99 - 123:サポート
  4. 124:サポート

Safari

  1. 3.1 - 6:未サポート
  2. 6.1 - 7:部分的にサポート
  3. 7.1 - 17.3:サポート
  4. 17.4:サポート
  5. 17.5 - TP:サポート

Firefox

  1. 2 - 44:未サポート
  2. 45:デフォルトで無効
  3. 46 - 124:サポート
  4. 125:サポート
  5. 126 - 128:サポート

Opera

  1. 9 - 12.1:未サポート
  2. 15 - 85:部分的にサポート
  3. 86 - 108:サポート
  4. 109:サポート

IE

  1. 5.5 - 10:未サポート
  2. 11:未サポート

Chrome for Android

  1. 124:サポート

Safari on iOS

  1. 3.2 - 6.1:未サポート
  2. 7 - 17.3:サポート
  3. 17.4:サポート
  4. 17.5:サポート

Samsung Internet

  1. 4 - 17.0:部分的にサポート
  2. 18.0 - 23:サポート
  3. 24:サポート

Opera Mini

  1. すべて:未サポート

Opera Mobile

  1. 10 - 12.1:未サポート
  2. 80:サポート

UC Browser for Android

  1. 15.5:サポート

Android Browser

  1. 2.1 - 4.3:未サポート
  2. 4.4 - 4.4.4:部分的にサポート
  3. 124:サポート

Firefox for Android

  1. 125:サポート

QQ Browser

  1. 14.9:部分的にサポート

Baidu Browser

  1. 13.52:部分的にサポート

KaiOS Browser

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

一部の古いWebKitブラウザ(Chrome 24など)は、-webkit-text-emphasisをサポートしていますが、CJK言語をサポートしていないため、サポート対象外と見なされます。

リソース
`-webkit-text-emphasis` のプレフィックスを解除する Chromium バグ
MDN Web Docs - text-emphasis
CSS3の強調マーク用のjavascriptフォールバック。