Phong cách nềnXuất xứ tài sản
Ví dụ
Vị trí hình nền so với ô nội dung:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
Hãy tự mình thử »Sự miêu tả
Thuộc tính BackgroundOrigin đặt hoặc trả về thuộc tính vị trí nền có liên quan đến.
Lưu ý: Nếu thuộc tính đính kèm nền cho hình nền là "cố định" thì thuộc tính này không có hiệu lực.
Xem thêm:
Kiểu HTML: Thuộc tính nền
Hướng dẫn CSS: Nền CSS
Hướng dẫn CSS3: Nền CSS3
Tham khảo CSS: Thuộc tính nguồn gốc nền
Cú pháp
Trả về thuộc tính BackgroundOrigin:
object .style.backgroundOrigin
Đặt thuộc tính nềnOrigin:
object .style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
padding-box | Default value. The background image is positioned relative to the padding box |
border-box | The background image is positioned relative to the border box |
content-box | The background image is positioned relative to the content box |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | hộp đệm |
---|---|
Giá trị trả về: | Một Chuỗi, biểu thị thuộc tính nguồn gốc nền của một phần tử |
Phiên bản CSS | CSS3 |
Hỗ trợ trình duyệt
backgroundOrigin
là một tính năng CSS3 (1999).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 11 |