box-decoration-breakVara võimaldab teil kontrollida, kuidas kasti kaunistused on tõmmatud risti fragmendid "katki" element. Element võib fragmentideks murda rea lõpus, veergude kohal või lehekülgede katkemisel.
.module ( box-decoration-break: clone; )Karpi kaunistamiseks omaduste kontrolli all box-decoration-breakon: background(ja selle sub-keemilised omadused), border, border-radius, border-image, box-shadow, margin, ja padding.
Väärtused
slice: algväärtus. Karbikaunistused kehtivad elemendile tervikuna ja purunevad elemendi fragmentide servades.clone: kaunistused kehtivad elemendi iga fragmendi kohta, nagu oleksid killud katkematud, üksikud elemendid. Äärised murravad elemendi iga fragmendi neli serva ja taustad joonistatakse iga fragmendi jaoks täielikult ümber.
Kasutamine
box-decoration-break aitab säilitada katkise elemendi fragmentide ühtlast kujundust.
Selles näites on oranži äärise ja 1em ülemise veerisega lõik lõigatud kahele veerule. Ülemise lõigu box-decoration-breakalgväärtus on slice. Alumisel lõigul on cloneväärtus.
Selle artikkel ja demo.
Demo
box-decoration-breakVara on piiratud brauseri tugi. See demo töötab kõige paremini Firefox 37+ versioonis, kus see box-decoration-breakon täielikult toetatud.
Vaadake CSS-Tricks (@ css-tricks) CodePenilt Pen 1074b03653ffb32b88a6f88823c3de34.
Brauseri tugi
Selle kirjutamise ajal toetab täielikult ainult Firefox box-decoration-break. Veebikomplekti brauserid ja Opera toetavad osaliselt box-decoration-breakreasiseseid elemente, kuid mitte veergude või lehtede vahel.
| Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | 7 * | 37 | 29 * | Puudub | 4,4 * | 7,1 * |
* osaline tugi koos -webkiteesliitega.