box-decoration-break

Обновлено: 31.05.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.

Браузеры

box-decoration-break

Посмотреть совместимость на Can I use?

box-decoration-break