Properti box-decoration-break CSS

Definisi dan penggunaan

Atribut box-decoration-break menentukan cara aplikasi background, padding, border, border-image, box-shadow, margin, dan clip-path elemen saat bingkai elemen disegmentasi.

Contoh

Tentukan atribut 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;
}

Coba sendiri

Sintaks CSS

box-decoration-break: slice|clone|initial|inherit|unset;

Nilai atribut

Nilai Deskripsi
slice Standar. Dekorasi kotak diaplikasikan secara keseluruhan ke elemen dan berputar di bagian pinggir bagian elemen.
clone

Dekorasi kotak berlaku untuk setiap bagian elemen, seperti jika bagian itu adalah elemen tunggal.

Kepingan empat bagian dari setiap bagian elemen yang dipotong batas dan latar belakang setiap bagian diulangi sepenuhnya.
initial Atur atribut ini ke nilai awalnya. Lihat initial.
inherit Mengatur atribut ini ke nilai standarnya. Lihat inherit.

Detil teknis

Nilai standar: slice
Warisan: Tidak
Pembuatan animasi: Tidak didukung. Lihat:Atribut berhubungan dengan animasi.
Versi: CSS3

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

Ikuti aturan nomor pertama yang digunakan untuk awal penamaan prefiks di sebelumnya -webkit-.

Chrome IE / Edge Firefox Safari Opera
22.0 -webkit- 79.0 32.0 6.1 -webkit- 11.5 -webkit-