Пример
Укажите свойство 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 |