Пример
Set the text-color for different elements:
body
{
color: red;
}
h1
{
color: #00ff00;
}
p.ex
{
color: rgb(0,0,255);
}
Попробуйте сами »
Определение color
CSS свойство color определяет цвет текста.
Совет: Используйте цвет фона в сочетании с цветом текста, который облегчает чтение текста.
| Значение по умолчанию: | не указан |
|---|---|
| Унаследовано: | yes |
| Анимируемый: | yes. Читайте о animatable Попробуй |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.color="#0000FF" Попробуй |
Поддержка color
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| color | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
Синтаксис color
color: color|initial|inherit;
Значения color
| Значение | Описание | Демонстрация |
|---|---|---|
| color | Определяет цвет текста. Смотреть CSS Значения цвета для получения полного списка возможных значений цвета. | Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Примеры color
Пример
Задайте цвет текста с помощью значения RGB:
body {color: rgb(201, 76, 76);}
Попробуйте сами »
Пример
Задайте цвет текста с помощью значения RGBA:
body {color: rgba(201, 76, 76, 0.6);}
Попробуйте сами »
Пример
Задайте цвет текста с помощью значения HSL:
body {color: hsl(89, 43%, 51%);}
Попробуйте сами »
Пример
Задайте цвет текста с помощью значения HSLA:
body {color: hsla(89, 43%, 51%, 0.6);}
Попробуйте сами »
Страницы по теме color
CSS Учебник: CSS Текст
HTML DOM справочник: color свойство