CSS màu colorvvvvvvvvvvvvvvvvvvvv

Bất cứ ai cũng biết tại sao CSS cung cấp colorcho văn bản, nhưng không có font-colorhoặc text-color?

Có vẻ rất phản trực giác, giống như text-decoration: underlinehơn font-stylehoặc một cái gì đó liên quan đến phông chữ.

Có ai biết tại sao / làm thế nào W3C đưa ra một loạt các tên CSS như thế này không?

Tôi nghĩ rằng một lý do có thể là màu sắc được áp dụng cho những thứ khác ngoài phông chữ. Ví dụ:

div {
    border: 1px solid;
    color: red;
}

Mang lại cả màu phông chữ đỏ và viền đỏ.

Ngoài ra, có thể các tiêu chuẩn CSS của W3C hoàn toàn ngược và vô nghĩa như đã được chứng minh ở những nơi khác.

Giống như cách Boston đưa ra kế hoạch đường phố. Họ đi theo những con đường bò đã có ở đó, và xây dựng những ngôi nhà nơi đường phố không có, và sau một thời gian, thật khó để thay đổi.

Tôi biết đây là một bài viết cũ nhưng như MisterZimbu đã nêu, thuộc colortính đang xác định các giá trị của các thuộc tính khác, như border-colorvà, với CSS3, của currentColor.

currentColor rất tiện dụng nếu bạn muốn sử dụng màu phông chữ cho các yếu tố khác (ví dụ như hộp kiểm hoặc nền tùy chỉnh và radio của các yếu tố bên trong chẳng hạn).

Thí dụ:

.element {
  color: green;
  background: red;
  display: block;
  width: 200px;
  height: 200px;
  padding: 0;
  margin: 0;
}

.innerElement1 {
  border: solid 10px;
  display: inline-block;
  width: 60px;
  height: 100px;
  margin: 10px;
}

.innerElement2 {
  background: currentColor;
  display: inline-block;
  width: 60px;
  height: 100px;
  margin: 10px;
}

<div class="element">
  <div class="innerElement1"></div>
  <div class="innerElement2"></div>
</div>