Sifat 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 kotak elemen disegmentasi.

contoh

tetapkan 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;
}

cobalah sendiri

syntaks CSS

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

nilai atribut

nilai deskripsi
slice standar. Dekorasi kotak diaplikasikan secara keseluruhan ke elemen, dan patah di边缘
clone

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

menutupi empat sisi setiap bagian elemen yang dikepalikan, dan menggambar ulang latar belakang setiap bagian sepenuhnya.
initial atur atribut ini ke nilai standarnya. Lihat initial.
inherit mewarisi atribut ini dari elemen induknya. Lihat inherit.

detil teknis

nilai standar: slice
mewarisi: tidak
pembuatan animasi: tidak didukung. Lihat:atribut yang berhubungan dengan animasi.
versi: CSS3

dukungan browser

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

guna awal penggunaan awalan untuk versi pertama setelah -webkit-.

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