СSS Свойство box-decoration-break
Пример
Указать свойство 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;
}
Редактор кода »
Определение и использование
Свойство box-decoration-break указывает, элементы background, padding, border, border-image, box-shadow, margin, и clip-path, когда боксы для элемента фрагментированы.
| Значение по умолчанию: | slice |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | нет Прочитать о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.boxDecorationBreak="clone" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Числа, за которыми следуют -webkit-, указывают первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| box-decoration-break | 22.0 -webkit- | Не поддерживаемый | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
CSS Синтаксис
box-decoration-break: slice|clone|initial|inherit|unset;
Значение свойств
| Значение | Описание |
|---|---|
| slice | По умолчанию. Украшение бокса наносятся на элемент в целом и разбиваются по краям фрагментов элемента |
| clone | Украшения бокса применяются к каждому фрагменту элемента, как если бы фрагменты были отдельными элементами. Границы обертывают четыре края каждого фрагмента элемента, а фоны перерисовываются полностью для каждого фрагмента |
| initial | Устанавливает для этого свойства значение по умолчанию. Прочитать о initial |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
