Thuộc tính hộp-trang trí-ngắt CSS
Thí dụ
Chỉ định thuộc tính hộp-trang trí-phá vỡ:
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;
}
Định nghĩa và Cách sử dụng
Thuộc box-decoration-break
tính chỉ định cách áp dụng nền, phần đệm, đường viền, đường viền, hình 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 |