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
CSS свойство box-decoration-break
определяет, как фон, отступ, граница, изображение границы, тень рамки, поле и контур обрезки элемента применяются, когда поле для элемента фрагментировано.
Значение по умолчанию: | slice |
---|---|
Унаследовано: | no |
Анимируемый: | no. Читайте о animatable |
Версия: | CSS3 |
Поддержка box-decoration-break
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Цифры, за которыми следует -webkit - указывают первую версию, которая работала с префиксом.
Свойство | |||||
---|---|---|---|---|---|
box-decoration-break | 22.0-webkit- | 79.0 | 32.0 | 6.1-webkit- | 11.5-webkit- |
Синтаксис box-decoration-break
box-decoration-break: slice|clone|initial|inherit|unset;
Значения box-decoration-break
Значение | Описание |
---|---|
slice | По умолчанию. Рамочные украшения применяются к элементу в целом и обрываются по краям фрагментов элемента |
clone | Оформление рамок применяется к каждому фрагменту элемента, как если бы фрагменты были отдельными элементами. Границы охватывают четыре края каждого фрагмента элемента, а фон полностью перерисовывается для каждого фрагмента |
initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial |
inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |