color
Поддержка браузерами
| 12.0+ | 3.0+ | 1.0+ | 1.0+ | 3.5+ | 1.0+ |
Описание
CSS свойство color устанавливает цвет переднего плана элемента. К переднему плану элемента относится текст и элементы декорирования текста (всё, что устанавливается свойством text-decoration).
Не смотря на то, что свойство color устанавливает цвет текста, оно так же влияет на цвет рамки, устанавливаемый по умолчанию, то есть, если для рамки не будет явно указан какой-либо цвет, то она будет иметь тот же цвет, что установлен для текста.
Если требуется явно задать цвета рамки, то нужно использовать свойство border-color.
| Значение по умолчанию: | не определено |
|---|---|
| Применяется: | ко всем элементам |
| Анимируется: | да |
| Наследуется: | да |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.color="#FF0000" |
Синтаксис
color: цвет|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| цвет | Цвет текста можно установить различными способами: указать имя цвета, использовать шестнадцатеричные значения, с помощью синтаксиса rgb (rgba) или hsl (hsla). |
| transparent | Указывает, что текст будет прозрачным. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
color:
Результат:
Кликните на значение цвета, чтобы увидеть результат.
CSS Код:
div {
color: red;
}
color: red;
}