box-decoration-breakИмовина вам омогућава да контролишете како се кутија украси извући преко фрагменти "сломљено" елемент. Елемент се може разбити на фрагменте на крају реда, преко колона или на прелому странице.
.module ( box-decoration-break: clone; )Тхе Бок декорација својства под контролом box-decoration-breakсу: background(и његове суб-пропертиес), border, border-radius, border-image, box-shadow, margin, и padding.
Вредности
slice: почетна вредност. Декорације кутија односе се на елемент у целини и ломе се на ивицама фрагмената елемента.clone: украси се примењују на сваки фрагмент елемента као да су фрагменти непрекинути, појединачни елементи. Границе обавијају четири ивице сваког фрагмента елемента, а позадине се у потпуности прецртавају за сваки фрагмент.
Употреба
box-decoration-break може помоћи у одржавању конзистентног дизајна међу фрагментима сломљеног елемента.
На овом примеру слике, одломак са наранџастом ивицом и горњом маргином од 1ем преломљен је у две колоне. Горњи пасус има почетну box-decoration-breakвредност од slice. Доњи пасус има cloneвредност.
Чланак и демонстрација тога.
Демо
box-decoration-breakИмовина има ограничену подршку претраживача. Ова демонстрација најбоље функционише у Фирефоку 37+, где box-decoration-breakје у потпуности подржана.
Погледајте оловку 1074б03653ффб32б88а6ф88823ц3де34 компаније ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.
Подршка прегледача
У време писања овог текста само Фирефок у потпуности подржава box-decoration-break. Прегледачи Вебкит и Опера делимично подржавају box-decoration-breakуграђене елементе преко прелома линија, али не и преломе колона или страница.
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| 31 * | 7 * | 37 | 29 * | Ниједан | 4,4 * | 7,1 * |
* делимична подршка са -webkitпрефиксом.