CSS свойство color

Определение и применение

CSS свойство color задает цвет текста элемента. Значение цвета допускается указывать как в шестнадцатиричной системе, так и в системах RGB, RGBA, HSL, HSLA, так и с помощью предопределенных цветов.

Подробную информацию об использовании цветов в HTML и CSS, способах указания цвета с помощью шестнадцатеричных значений, значений цвета RGB, RGBA, HSL, HSLA и с помощью предопределённых цветов, вы сможете найти в следующих статьях учебников:

Поддержка браузерами

Свойство	Chrome	Firefox	Opera	Safari	IExplorer	Edge
color	1.0	1.0	3.5	1.0	3.0	12.0

CSS синтаксис:

color: "color | initial | inherit";

JavaScript синтаксис:

object.style.color="#FF0011"

Значения свойства

Значение	Описание
color	Определяет цвет текста (HEX, RGB, RGBA, HSL, HSLA, "Предопределённые цвета").
initial	Устанавливает свойство в значение по умолчанию.
inherit	Указывает, что значение наследуется от родительского элемента.

Версия CSS

CSS1

Наследуется

Да.

Анимируемое

Да.

Интерактивный пример

CSS код:

p {
color: ;
}

Результат:

Изменяйте цвет, переключая значения в радио-кнопках.

Пример использования

<!DOCTYPE html>
<html>
<head>
	<title>Пример использования свойства color</title>
<style> 
p {
color: #FF0011; /* задаём цвет параграфа, используя шестнадцатеричное значение  */
}
img {
color: orange; /* задаём цвет для альтернативного текста, указанного в атрибуте alt тега <img> */
}
</style>
</head>
<body>
	<p>Горячие штучки:</p>
	<img src = "#" alt = "Горячие штучки">
</body>
</html>

В данном примере мы указали цвет текста для параграфа (элемент <p>) и цвет альтернативного текста, для того случая, если изображение (элемент <img>) не было загружено (наш случай):

Горячие штучки:

CSS свойства