Thuộc tính backgroundClip của Style
- Trang trước backgroundRepeat
- Trang tiếp theo backgroundOrigin
- Quay lại lớp trên Đối tượng Style HTML DOM
Định nghĩa và cách sử dụng
backgroundClip
Cài đặt hoặc trả về khu vực vẽ bối cảnh.
Xem thêm:
Kiểu trang HTML:Thuộc tính background
Hướng dẫn CSS3CSS nền
Hướng dẫn CSS3Bối cảnh CSS3
Tài liệu tham khảo CSS:Thuộc tính background-clip
Mẫu
Đ指定 bối cảnh vẽ:
document.getElementById("myDIV").style.backgroundClip = "content-box";
Cú pháp
Trả về thuộc tính backgroundClip:
object.style.backgroundClip
Đặt thuộc tính backgroundClip:
object.style.backgroundClip = "border-box|padding-box|content-box|initial|inherit"
Giá trị thuộc tính
Giá trị | Mô tả |
---|---|
border-box | Giá trị mặc định. Bối cảnh được cắt theo khung viền (border box). |
padding-box | Bối cảnh được cắt theo khung viền trong. |
content-box | Bối cảnh được cắt theo khung nội dung. |
initial | Đặt thuộc tính này về giá trị mặc định. Xem thêm initial. |
inherit | Di chuyển thuộc tính này từ phần tử cha của nó. Xem thêm inherit. |
Chi tiết kỹ thuật
Giá trị mặc định: | border-box |
---|---|
Giá trị trả về: | Chuỗi biểu thị Thuộc tính background-clip. |
Phiên bản CSS: | CSS3 |
Hỗ trợ trình duyệt
backgroundClip
là tính năng CSS3 (1999).
Tất cả các trình duyệt đều hỗ trợ hoàn toàn nó:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
Hỗ trợ | Hỗ trợ | Hỗ trợ | Hỗ trợ | Hỗ trợ | 11 |
- Trang trước backgroundRepeat
- Trang tiếp theo backgroundOrigin
- Quay lại lớp trên Đối tượng Style HTML DOM