Thuộc tính background-clip CSS

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

background-clip Thuộc tính quy định khu vực vẽ nền.

Xin xem thêm:

Hướng dẫn CSS:Background CSS、Nền CSS (Cao cấp)

Hướng dẫn tham khảo HTML DOM:Thuộc tính backgroundClip

Mô hình

Định nghĩa khu vực vẽ nền:

div
{
background-color:yellow;
background-clip:content-box;
}

Thử ngay

Ngữ pháp CSS

background-clip: border-box|padding-box|content-box;

Giá trị thuộc tính

Giá trị Mô tả Kiểm tra
border-box Bối cảnh được cắt giảm đến hộp viền. Kiểm tra
padding-box Bối cảnh được cắt giảm đến hộp lề trong. Kiểm tra
content-box Bối cảnh được cắt giảm đến hộp nội dung. Kiểm tra

Chi tiết kỹ thuật

Giá trị mặc định: border-box
Kế thừa: no
Phiên bản: CSS3
Ngữ pháp JavaScript: object.style.backgroundClip="content-box"

Hỗ trợ trình duyệt

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

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0 9.0 4.0 3.0 10.5