CSS ระบุ box-decoration-break
- หน้าที่แล้ว bottom
- หน้าต่อไป box-reflect
การระบุและการใช้งาน
คุณสมบัติ box-decoration-break กำหนดว่าเมื่อโครงการหน้าจะถูกแบ่งเป็นชิ้นส่วน อย่างไรจะใช้ background, padding, border, border-image, box-shadow, margin และ clip-path ขององค์ประกอบ
ตัวอย่าง
กำหนดคุณสมบัติ 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;
}
สัญลักษณ์ภาษา CSS
box-decoration-break: slice|clone|initial|inherit|unset;
ค่าของคุณสมบัติ
| ค่า | รายละเอียด |
|---|---|
| slice | ค่าเริ่มต้น |
| clone |
ขอบเขตการตกแต่งหลังจะนำมาใช้กับชิ้นส่วนทุกชิ้นขององค์ประกอบ ซึ่งชิ้นส่วนดังกล่าวเหมือนถึงชิ้นส่วนเดียว ขอบเขตจะหล่อนแบบบอกเต็มทุกส่วนของชิ้นส่วนขององค์ประกอบและวาดภาพหลังแบบบอกเต็มทุกส่วนของชิ้นส่วน |
| initial | จะกำหนดคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู: initial. |
| inherit | จะกำหนดคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู: inherit. |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | slice |
|---|---|
| ตามรูปแบบ: | ไม่ |
| การสร้างอนุการ์: | ไม่สนับสนุน โปรดดู:คุณสมบัติที่เกี่ยวข้องกับอนุการ์. |
| เวอร์ชัน: | CSS3 |
การสนับสนุนของเบราเซอร์
ตัวเลขในตารางบ่งชี้ตัวเลขของเวอร์ชันเบราเซอร์ที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่
ตาม -webkit- ควรใช้เบอร์หน้าแรกของสมมาตรหน้าต้นทาง
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
- หน้าที่แล้ว bottom
- หน้าต่อไป box-reflect
