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 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ử »