CSS box-decoration-break

- CR (勧告候補)

ボックスが改行(ページ/カラム/リージョン/行)によって分割された場合、ボックスの余白、罫線、パディング、その他の装飾がボックスの断片の破断エッジを囲むかどうかを制御します。

Chrome

  1. 4 - 21: 未対応
  2. 22 - 123: 部分的に対応
  3. 124: 部分的に対応
  4. 125 - 127: 部分的に対応

Edge

  1. 12 - 18: 未対応
  2. 79 - 123: 部分的に対応
  3. 124: 部分的に対応

Safari

  1. 3.1 - 6: 未対応
  2. 6.1 - 17.3: 部分的に対応
  3. 17.4: 部分的に対応
  4. 17.5 - TP: 部分的に対応

Firefox

  1. 2 - 31: 未対応
  2. 32 - 124: 対応済み
  3. 125: 対応済み
  4. 126 - 128: 対応済み

Opera

  1. 9 - 10.6: 未対応
  2. 11 - 12.1: 対応済み
  3. 15 - 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 - 23: 部分的に対応
  2. 24: 部分的に対応

Opera Mini

  1. すべて: 部分的に対応

Opera Mobile

  1. 10: 未対応
  2. 11 - 12.1: 対応済み
  3. 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-box-decoration-break` のプレフィックスを削除するためのChromiumのバグ
MDN Web Docs - CSS box-decoration-break
ボックスボーダーへの効果のデモ