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) |