Thuộc tính backgroundClip của Style

Đị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";

Thử ngay

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