Thuộc tính background-image CSS

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

background-image Thuộc tính này đặt hình ảnh nền cho phần tử.

Nền của phần tử chiếm toàn bộ kích thước của phần tử, bao gồm lề trong và viền, nhưng không bao gồm lề ngoài.

Mặc định, hình ảnh nền nằm ở góc trên cùng bên trái của phần tử và được lặp lại theo hướng ngang và dọc.

Lưu ý:Hãy đặt một màu nền có thể sử dụng, như vậy, nếu hình ảnh nền không có sẵn, trang web vẫn có thể có hiệu ứng thị giác tốt.

Thuộc tính background-image sẽ đặt một hình ảnh trong nền của phần tử.

dựa trên background-repeat giá trị thuộc tính, hình ảnh có thể lặp lại vô hạn, dọc theo một trục (trục x hoặc trục y), hoặc không lặp lại.

Hình ảnh nền ban đầu (hình ảnh gốc) dựa trên background-position Đặt giá trị thuộc tính của thuộc tính.

Tài liệu tham khảo HTML DOM:Thuộc tính backgroundImage

Đặt hình ảnh làm nền trang web:

body
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }

background-image: url|none|initial|inherit;

Giá trị	Mô tả
url('URL')	Đường dẫn đến hình ảnh.
none	Giá trị mặc định. Không hiển thị ảnh nền.
inherit	Định nghĩa rằng background-image thuộc tính nên kế thừa từ thiết lập của phần tử cha.

Giá trị mặc định:	none
Kế thừa:	no
Phiên bản:	CSS1
Ngôn ngữ JavaScript:	object.style.backgroundImage="url(stars.gif)"

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ tính chất này hoàn toàn.

Chrome	Edge	Firefox	Safari	Opera
Chrome	IE / Edge	Firefox	Safari	Opera
1.0	4.0	1.0	1.0	3.5