Свойство color устанавливает цвет тексту. Цвет можно задавать различными способами: по названию, по шестнадцатеричному значению, в форматах RGB, RGBA, HSL, HSLA.

Синтаксис

селектор {
	color: цвет в CSS формате | inherit;
}

Значения

Значение Описание
Цвет в CSS формате Цвет в любом допустимом CSS формате.
inherit Наследует значение родителя.

Значение по умолчанию зависит от настроек браузера, обычно это черный цвет.

Для ссылок цвет по умолчанию зависит от того, посещенная это ссылка или не посещенная.

Примеры

Пример

В данном примере для абзаца задан красный цвет:

p {
	color: red;
}

Результат выполнения кода:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna, ac interdum nisl. Suspendisse eget fringilla nibh, eu commodo arcu. Donec lacinia tempor velit sed tincidunt. Aliquam porttitor nulla purus, vel vulputate ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehicula, ante purus lacinia dui, interdum fringilla massa eros ut dui.

Пример

Свойство color задает цвет не только тексту, но и пунктам списка (но при этом и тексту тоже):

li {
	color: red;
}

Результат выполнения кода:

  • Первый пункт списка.
  • Второй пункт списка.
  • Третий пункт списка.

Пример

Свойство color задает также цвет границы (если он не задан в border-color):

p {
	color: red;
	border-style: solid;
	border-width: 2px;
}

Результат выполнения кода:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a dapibus magna.