Nền phong cách
Thí dụ
Đặt hình nền cho tài liệu:
document.body.style.backgroundImage = "url('img_tree.png')";
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
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.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Cú pháp
Trả lại thuộc tính backgroundImage:
object.style.backgroundImage
Đặt thuộc tính backgroundImage:
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 ai |
---|---|
Giá trị trả lại: | Chuỗi A, đại diện cho hình nền |
Phiên bản CSS | CSS1 |
Các ví dụ khác
Thí dụ
Đặt hình nền của một phần tử <div> cụ thể:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
Thí dụ
Trả lại hình nền của một phần tử <div> cụ thể:
alert(document.getElementById("myDiv").style.backgroundImage);
Thí dụ
Trả lại hình nền của tài liệu:
alert(document.body.style.backgroundImage);
Các trang liên quan
Hướng dẫn CSS: Nền CSS
Hướng dẫn CSS3: Hình nền CSS3
Tham chiếu CSS: thuộc tính background-image
Tham chiếu DOM HTML: thuộc tính nền