Цвет текста: color

color

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 3.0 3.5 1.0
Мобильные браузеры Android Firefox Mobile IE Mobile Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 1.0 1.0 6.0 6.0 1.0
Свойство
color — свойство которое определяет цвет текста
Наследование
Наследуется. Это значит что стили применённые к родительскому элементу передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
зарезервированные слова значения цвета | число в шестнадцатеричном формате | запись в формате rgb | запись в формате rgba | запись в формате hsl | запись в формате hsla | inherit
Значение по умолчанию
зависит от браузера пользователя
Правила записи
свойство: значение;
Примеры
color: green; Этот текст написан зелёным цветом
color: #AABB22; Этот текст имеет значение цвета #AABB22;
color: #AB2; Этот текст имеет значение цвета #AB2, цвет одинаковый потому что это более короткая запись значения #AABB22;
color: rgb(50, 140, 240); Этот текст имеет значение цвета rgb(50, 140, 240);
color: rgba(50, 140, 240, 0.5); Этот текст имеет значение цвета rgba(50, 140, 240, 0.5); и альфа прозрачность 0.5
color: rgb(30%, 40%, 50%); Этот текст имеет значение цвета rgb(30%, 40%, 50%);
color: rgba(30%, 40%, 50%, 0.5); Этот текст имеет значение цвета rgba(30%, 40%, 50%, 0.5); и альфа прозрачность 0.5
color: hsl(340, 70%, 77%); Этот текст имеет значение цвета hsl(340, 70%, 77%);
color: hsla(340, 70%, 77%, 0.5); Этот текст имеет значение цвета hsla(340, 70%, 77%, 0.5); и альфа прозрачность 0.5
color: inherit; Это значит что цвет наследует значение от родителя
Поделиться