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.