爲什麼文本顏色屬性稱爲「顏色」？

Question

在CSS中，爲什麼文本顏色是用color而不是text-color或font-color定義的？

另外，font-和text-之間的區別是什麼？

Answer 1

color屬性不屬於屬性的字體或文本類別。它實際上生活在它自己的規範部分，包括CSS1和CSS2.1。甚至有一整個專用於顏色的CSS3 module。

每個規範指的是color作爲定義前景顏色，然後將其描述爲是指該元素的文本內容的顏色。但由於foreground-color將不必要地冗長，因此「屬性名稱」中不再包含「前景」一詞。 background-color不言而喻，與color區別。

也就是說，儘管color屬性通常會影響元素的文本，但如果您還指定邊框但未指定border-color，則邊框將採用與文本相同的顏色。這是完全正常的，因爲它規定in the CSS box model specification：

如果不帶邊框屬性指定一個元素的邊框顏色，用戶代理必須使用元素的「顏色」屬性的值作爲邊框顏色的計算值。

<div style="color: red; border: 1px dotted"> 
    This block has red text and a red 1-pixel dotted border. 
    Notice only the width and style are specified in the style attribute. 
</div> 

字體和文本特性之間的差的Martin Algesten in his answer has a nice summary。

Answer 2

字體是字體的變體，即Arial是類型臉，Arial Bold是字體。你沒有設置字體顏色（我從來沒有聽說過具有特定顏色的字體）。你正在設置文本的顏色。

我想這個想法應該是，你可以有一個受color影響的其他元素，而不僅僅是文本。與text-decoration: underline相比，顯然只會影響文本，但如果我們想象我們可以在內嵌插入隨機形狀，則它也會受到color的影響。