Properti CSS box-decoration-break
Contoh
Tentukan properti 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;
}
Definisi dan Penggunaan
Properti box-decoration-break
menentukan bagaimana latar belakang, padding, border, border-image, box-shadow, margin, dan clip-path dari suatu elemen diterapkan ketika kotak untuk elemen tersebut terfragmentasi.
Nilai bawaan: | mengiris |
---|---|
Diwarisi: | tidak |
Animasi: | tidak. Baca tentang animasi |
Versi: kapan: | CSS3 |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Angka diikuti oleh -webkit- menentukan versi pertama yang berfungsi dengan awalan.
Property | |||||
---|---|---|---|---|---|
box-decoration-break | 22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
Sintaks CSS
box-decoration-break: slice|clone|initial|inherit|unset;
Nilai properti
Value | Description |
---|---|
slice | Default. Box decorations are applied to the element as a whole and break at the edges of the element fragments |
clone | Box decorations apply to each fragment of the element as if the fragments were individual elements. Borders wrap the four edges of each fragment of the element, and backgrounds are redrawn in full for each fragment |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |