Свойство color
не принадлежит ни к категории шрифтов, ни к текстовым категориям свойств.На самом деле он живет в своем собственном разделе спецификации: CSS1 и CSS2.1 .Существует даже целый модуль CSS3 , выделенный для цвета.
Каждая спецификация ссылается на color
как на определение цвета foreground , а затем описывает его как ссылку на цветтекстового содержимого элемента.Но поскольку foreground-color
было бы излишне многословным, слово «передний план» не входит в название свойства.background-color
не требует пояснений и служит отличием от color
.
Тем не менее, свойство color
обычно влияет на текст элемента, если вы также указываете границу, но неукажите border-color
, граница будет иметь тот же цвет, что и текст.Это совершенно нормально, потому что это оговорено в спецификации блочной модели CSS :
Если цвет границы элемента не указан со свойством border, пользовательские агенты должны использовать значениесвойство элемента 'color' как вычисленное значение для цвета границы.
<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>
Мартин Альгестен в своем ответе имеет хорошую сводку о разнице между шрифтом и текстомсвойства.