Thuộc tính hình ảnh nền phong cách
Ví dụ
Đặt hình nền cho tài liệu:
document.body.style.backgroundImage = "url('img_tree.png')";
Hãy tự mình thử »Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Sự miêu tả
Thuộc tính BackgroundImage đặt hoặc trả về hình nền của một phần tử.
Mẹo: Ngoài hình nền, bạn cũng nên chỉ định màu nền. Màu nền sẽ được sử dụng nếu hình ảnh không có sẵn.
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 hình nền
Cú pháp
Trả về thuộc tính hình nền:
object .style.backgroundImage
Đặt thuộc tính hình nền:
object .style.backgroundImage = "url(' URL ')|none|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
url( 'URL' ) | The location of the image file |
none | No background image. This is default |
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: | không có |
---|---|
Giá trị trả về: | Một chuỗi, đại diện cho hình nền |
Phiên bản CSS | CSS1 |
Hỗ trợ trình duyệt
backgroundImage
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ụ
Đặt hình nền của phần tử <div> cụ thể:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Hãy tự mình thử »Ví dụ
Trả về hình nền của phần tử <div> cụ thể:
let img = document.getElementById("myDiv").style.backgroundImage;
Hãy tự mình thử »Ví dụ
Trả về hình nền của tài liệu:
let img = document.body.style.backgroundImage;
Hãy tự mình thử »