Thuộc tính Style color

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

color Đặt hoặc trả về màu chữ của thuộc tính.

Xem thêm:

Hướng dẫn CSS:Văn bản CSS

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

Mô hình

Ví dụ 1

Đặt màu chữ cho các phần tử khác nhau:

document.getElementById("myH2").style.color = "#ff0000";
document.getElementById("myP").style.color = "magenta";
document.getElementById("myP2").style.color = "blue";
document.getElementById("myDiv").style.color = "lightblue";

Thử nghiệm trực tiếp

Ví dụ 2

Trả về màu chữ của phần tử <p>:

alert(document.getElementById("myP").style.color);

Thử nghiệm trực tiếp

Cú pháp

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

object.style.color

Đặt thuộc tính color:

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

Giá trị thuộc tính

Giá trị Mô tả
color

Định nghĩa màu chữ.

Xem thêm Giá trị màu CSSđể lấy danh sách đầy đủ các giá trị màu.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế 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: Chưa chỉ định
Giá trị trả về: Chuỗi, biểu thị màu chữ của phần tử.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

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