CSS box-decoration-breakคุณสมบัติ
ตัวอย่าง
ระบุคุณสมบัติ 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;
}
ความหมายและการใช้งาน
คุณสมบัติbox-decoration-break
ระบุว่ามีการใช้พื้นหลัง ช่องว่างภายใน เส้นขอบ ภาพเส้นขอบ กล่องเงา ระยะขอบ และเส้นทางคลิปขององค์ประกอบอย่างไร เมื่อกล่องสำหรับองค์ประกอบมีการแยกส่วน
ค่าเริ่มต้น: | ชิ้น |
---|---|
รับการถ่ายทอด: | ไม่ |
เคลื่อนไหวได้: | ไม่. อ่านเกี่ยวกับแอนิเมชั่น |
รุ่น: | CSS3 |
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Numbers ตามด้วย -webkit- ระบุเวอร์ชันแรกที่ทำงานกับคำนำหน้า
Property | |||||
---|---|---|---|---|---|
box-decoration-break | 22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
ไวยากรณ์ CSS
box-decoration-break: slice|clone|initial|inherit|unset;
มูลค่าทรัพย์สิน
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 |