Thuộc tính Style backgroundImage

Định nghĩa và cách sử dụng

backgroundImage Cài đặt hoặc trả về hình ảnh nền của phần tử.

Lưu ý:Ngoài hình ảnh nền, bạn cũng nên quy định màu nền. Nếu hình ảnh không có sẵn, sẽ sử dụng màu nền.

Xem thêm:

HTML样式:Thuộc tính background

Giáo trình CSS:Bối cảnh CSS

Giáo trình CSS3:CSS3 Background

Cuốn sách tham khảo CSS:Thuộc tính background-image

Mô hình

Ví dụ 1

Đặt hình ảnh nền cho tài liệu:

document.body.style.backgroundImage = "url('img_tree.png')";

Thử ngay

Ví dụ 2

Đặt hình ảnh nền cụ thể của phần tử <div>:

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";

Thử ngay

Ví dụ 3

Trả về hình ảnh nền cụ thể của phần tử <div>:

alert(document.getElementById("myDiv").style.backgroundImage);

Thử ngay

Ví dụ 4

Trả về hình ảnh nền của tài liệu:

alert(document.body.style.backgroundImage);

Thử ngay

Cú pháp

Trả về thuộc tính backgroundImage:

object.style.backgroundImage

Đặt thuộc tính backgroundImage:

object.style.backgroundImage = "url('URL')|none|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
url('URL') Vị trí của tệp hình ảnh.
none Không có hình ảnh nền. Mặc định.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thay đổi thuộc tính này từ giá trị của phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: none
Giá trị trả về: Chuỗi biểu thị hình ảnh nền.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

backgroundImage Là tính năng CSS1 (1996).

Tất cả các trình duyệt đều hỗ trợ nó hoàn toàn:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ