CSS свойство box-decoration-break

  • предыдущая страница bottom
  • Следующая страница box-reflect

Определение и использование

Атрибут box-decoration-break определяет, как применяются свойства background, padding, border, border-image, box-shadow, margin и clip-path к элементу, когда его рамка разрывается.

Пример

Определяет атрибут box-decoration-break:

span.ex1 { 
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
span.ex2 { 
  -webkit-box-decoration-break: slice;
  -o-box-decoration-break: slice;
  box-decoration-break: slice;
}

Попробуйте сами

Грамматика CSS

box-decoration-break: slice|clone|initial|inherit|unset;

Значение свойства

Значение Описание
slice По умолчанию. Обрамление рамки применяется ко всему элементу и разрывается по краям фрагментов элемента.
clone

Обрамление рамки применяется ко всем фрагментам элемента, как если бы фрагменты были отдельными элементами.

Края каждого фрагмента обрамления элемента и полная перерисовка фона каждого фрагмента.
initial Этот атрибут устанавливается в его значение по умолчанию. См. также initial.
inherit Эта свойство наследуется от родительского элемента. См. также inherit.

Технические детали

Значение по умолчанию: slice
Инherit: Нет
Создание анимации: Не поддерживается. См. также:Свойства анимации.
Версия: CSS3

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Следуя правилам чисел, указанным перед префиксом -webkit-, используется первая версия.

Chrome IE / Edge Firefox Safari Opera
22.0 -webkit- 79.0 32.0 6.1 -webkit- 11.5 -webkit-
  • предыдущая страница bottom
  • Следующая страница box-reflect