CSS 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
указывает, как фон, отступ, граница, граница-изображение, прямоугольник-тень, поле и клип-путь элемента применяется, когда поле для элемента фрагментирован.
Значение по умолчанию: | slice |
---|---|
Inherited: | no |
Animatable: | no. Читайте о animatable |
Version: | CSS3 |
Синтаксис JavaScript: | object.style.boxDecorationBreak="clone" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Номера следуют -webkit- or -o- Укажат первую версию, которая работала с префиксом.
Свойство | |||||
---|---|---|---|---|---|
box-decoration-break | 22.0 -webkit- | Не поддерживается | 32.0 | 6.1 | 15.0 -o- |
Синтаксис CSS
box-decoration-break: slice|clone|initial|inherit|unset;
Значения свойств
Значение | Описание |
---|---|
slice | По умолчанию. Декоративные элементы применяются к элементу в целом и ломаются по краям фрагментов элемента |
clone | Декорации коробок применяются к каждому фрагменту элемента, как если бы фрагменты были отдельными элементами. Границы обтекания четырьмя краями каждого фрагмента элемента, и фоны перерисовывается в полном объеме для каждого фрагмента |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |