Thuộc tính color CSS

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

Thuộc tính color quy định màu văn bản.

Thuộc tính này đặt màu trước cảnh của một phần tử (trong việc trình bày HTML, đó là màu văn bản của phần tử); hình ảnh raster không bị ảnh hưởng bởi color. Màu này cũng sẽ được áp dụng cho tất cả các cạnh của phần tử, trừ khi bị thay thế bởi thuộc tính border-color hoặc một thuộc tính màu cạnh khác.

Cách dễ nhất để đặt màu trước cảnh của một phần tử là sử dụng thuộc tính color.

Xem thêm:

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

Hướng dẫn tham khảo HTML DOM:Thuộc tính color

Ví dụ

Đặt màu văn bản cho các phần tử khác nhau:

body
  {
  color:red;
  }
h1
  {
  color:#00ff00;
  }
p
  {
  color:rgb(0,0,255);
  }

Thử ngay

Lưu ý và chú thích

Lưu ý:Hãy sử dụng sự kết hợp màu nền và màu văn bản hợp lý để cải thiện khả năng đọc của văn bản.

Ngữ pháp CSS

color: color|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
color_name Quy định màu là tên màu (ví dụ: red).
hex_number Quy định màu là giá trị hex (ví dụ: #ff0000).
rgb_number Quy định màu là mã rgb (ví dụ: rgb(255,0,0)).
inherit Điều này quy định rằng màu nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: not specified
Thừa kế: yes
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.color="#FF0000"

Các ví dụ khác

Đặt màu văn bản
Ví dụ này minh họa cách đặt màu văn bản.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính đó.

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