Thuộc tính CSS box-trang trí-break
Ví dụ
Chỉ định thuộc tính box-trang trí-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;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính box-decoration-break
chỉ định cách áp dụng nền, phần đệm, đường viền, hình ảnh viền, bóng hộp, lề và đường dẫn clip của một phần tử khi hộp cho phần tử đó bị phân mảnh.
Giá trị mặc định: | lát cắt |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | KHÔNG. Đọc về hoạt hình |
Phiên bản: | CSS3 |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Các số theo sau -webkit- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
box-decoration-break | 22.0 -webkit- | 79.0 | 32.0 | 6.1 -webkit- | 11.5 -webkit- |
Cú pháp CSS
box-decoration-break: slice|clone|initial|inherit|unset;
Giá trị tài sản
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 |