Thuộc tính box-decoration-break CSS

Định nghĩa và cách sử dụng

Thuộc tính box-decoration-break quy định cách áp dụng background, padding, border, border-image, box-shadow, margin và clip-path của phần tử khi khung phần tử được chia thành các đoạn.

Mô hình

Định nghĩa thuộc tính 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;
}

Thử ngay

Ngữ pháp CSS

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

Giá trị thuộc tính

Giá trị Mô tả
slice Mặc định. BORDER DECORATION được áp dụng cho toàn bộ phần tử và bị gãy ở mép đoạn phần tử.
clone

BORDER DECORATION áp dụng cho mỗi đoạn của phần tử, như nếu đoạn là phần tử duy nhất.

BORDER bao quanh mỗi đoạn của phần tử và vẽ lại toàn bộ nền của mỗi đoạn.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Tiếp nhận thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: slice
Kế thừa: Không
Chế tạo animation: Không hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản: CSS3

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Sử dụng tiền tố đầu tiên của quy định số theo -webkit- sau khi theo dõi.

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