Thuộc tính nền phong cách đính kèm
Ví dụ
Đặt hình nền được cố định (sẽ không cuộn):
document.body.style.backgroundAttachment = "fixed";
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Sự miêu tả
Thuộc tính BackgroundAttachment đặt hoặc trả về việc hình nền sẽ cuộn theo nội dung hay được cố định.
Xem thêm:
Kiểu HTML: Thuộc tính nền
Hướng dẫn CSS: Nền CSS
Tham khảo CSS: Thuộc tính đính kèm nền CSS
Cú pháp
Trả về thuộc tính BackgroundAttachment:
object .style.backgroundAttachment
Đặt thuộc tính nềnAttachment:
object .style.backgroundAttachment = "scroll|fixed|local|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
scroll | The background scrolls along with the element. This is default |
fixed | The background is fixed with regard to the viewport |
local | The background scrolls along with the element's contents |
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: | cuộn |
---|---|
Giá trị trả về: | Một Chuỗi, thể hiện cách gắn hình nền vào đối tượng trong tài liệu |
Phiên bản CSS | CSS1 |
Hỗ trợ trình duyệt
backgroundAttachment
là một tính năng CSS1 (1996).
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 | Yes |
Thêm ví dụ
Ví dụ
Chọn giữa cuộn và cục bộ trên phần tử DIV:
document.getElementById("myDIV").style.backgroundAttachment = "local";
Hãy tự mình thử »Ví dụ
Chuyển đổi giữa cuộn và cố định:
let x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";
Hãy tự mình thử »Ví dụ
Trả về giá trị của thuộc tính đính kèm nền:
let back = document.body.style.backgroundAttachment;
Hãy tự mình thử »