Thuộc tính Style backgroundColor

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

backgroundColor Cài đặt hoặc trả về màu nền của phần tử.

Xem thêm:

Kiểu thức HTML:Thuộc tính background

Giáo trình CSS:CSS nền

Hướng dẫn CSS:Thuộc tính background-color

Mô hình

Ví dụ 1

Đặt màu nền của tài liệu:

document.body.style.backgroundColor = "red";

Thử ngay

Ví dụ 2

Đặt màu nền của phần tử <div> cụ thể:

document.getElementById("myDiv").style.backgroundColor = "lightblue";

Thử ngay

Ví dụ 3

Trả về màu nền của phần tử <div> cụ thể:

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

Thử ngay

Ví dụ 4

Trả về màu nền của tài liệu:

alert(document.body.style.backgroundColor);

Thử ngay

Cú pháp

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

object.style.backgroundColor

Đặt thuộc tính backgroundColor:

object.style.backgroundColor = "color|transparent|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
color

Định nghĩa màu nền.

Xem thêm Giá trị màu CSSđể lấy danh sách đầy đủ các giá trị màu.
transparent Mặc định. Màu nền là trong suốt (nội dung dưới cùng sẽ hiển thị).
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Tiếp nhận thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

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

Hỗ trợ trình duyệt

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

Tất cả các trình duyệt đều hỗ trợ hoàn toàn 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ợ