box-decoration-break
Оновлено: 21.12.2022
box-decoration-break
Вказує, як оформляти фрагмент тексту під час його перенесення на інший рядок. Працює тільки для таких властивостей: background, border, border-image, box-shadow, clip-path, margin и padding.
Коротка інформація
| Значення за замовчуванням | slice |
| Успадковується | Ні |
| Застосовується | До всіх елементів |
| Анімується | Ні |
Синтаксис
box-decoration-break: slice | clone
Значення
| slice | Кожен фрагмент розрізається в місці перенесення і жодні ефекти оформлення на місці "розрізу" не відображаються. Зокрема, межа не показується, тінь не виводиться, радіус заокруглення працює тільки для всього блоку цілком. |
| clone | Кожен фрагмент оформляється незалежно. До всіх фрагментів окремо застосовується рамка, тінь, фон тощо. |
Приклад
Об'єктна модель
Об'єкт.style.boxDecorationBreak
Примітка
Браузери Edge, Chrome, Opera, Safari підтримують властивість -webkit-box-decoration-break.