CSS ハイフネーション

- CR

「hyphens」プロパティを使用して、行末の単語をハイフンで区切るタイミングを制御する方法。

Chrome

  1. 4 - 54:未サポート
  2. 55 - 87:部分的にサポート
  3. 88 - 123:サポート
  4. 124:サポート
  5. 125 - 127:サポート

Edge

  1. 12 - 18:サポート
  2. 79 - 87:部分的にサポート
  3. 88 - 104:部分的にサポート
  4. 105 - 123:サポート
  5. 124:サポート

Safari

  1. 3.1 - 5:未サポート
  2. 5.1 - 16.6:サポート
  3. 17.0 - 17.3:サポート
  4. 17.4:サポート
  5. 17.5 - TP:サポート

Firefox

  1. 2 - 5:未サポート
  2. 6 - 42:サポート
  3. 43 - 124:サポート
  4. 125:サポート
  5. 126 - 128:サポート

Opera

  1. 9 - 41:未サポート
  2. 42 - 90:部分的にサポート
  3. 91 - 108:サポート
  4. 109:サポート

IE

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

Android 版 Chrome

  1. 124:サポート

iOS 版 Safari

  1. 3.2 - 4.1:未サポート
  2. 4.2 - 16.7:サポート
  3. 17.0 - 17.3:サポート
  4. 17.4:サポート
  5. 17.5:サポート

Samsung Internet

  1. 4:未サポート
  2. 5:部分的にサポート
  3. 6.2 - 23:サポート
  4. 24:サポート

Opera Mini

  1. すべて:未サポート

Opera Mobile

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

Android 版 UC Browser

  1. 15.5:サポート

Android Browser

  1. 2.1 - 4.4.4:未サポート
  2. 124:サポート

Android 版 Firefox

  1. 125:サポート

QQ Browser

  1. 14.9:サポート

Baidu Browser

  1. 13.52:サポート

KaiOS Browser

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

Chrome 55 未満および Android 4.0 ブラウザは "-webkit-hyphens: none" をサポートしていますが、"auto" プロパティはサポートしていません。ハイフネーションのサポートを有効にし、アクセシビリティを向上させるには、HTML 要素に @lang 属性を設定することをお勧めします。

リソース
ハイフネーション実装に関する Chromium のバグ
`-webkit-hyphens` のプレフィックスを解除する WebKit のバグ
ブログ記事
MDN Web Docs - CSS hyphens
WebPlatform Docs