CSS color Свойство
Пример
Задайте цвет текста для различных элементов:
body
{
color: red;
}
h1
{
color: #00ff00;
}
p.ex
{
color: rgb(0,0,255);
}
Подробнее примеры ниже.
Определение и использование
Свойство color задает цвет текста.
Совет: Используйте цвет фона в сочетании с цветом текста, что делает текст легким для чтения.
| Значение по умолчанию: | not specified |
|---|---|
| Inherited: | yes |
| Animatable: | yes. Читайте о animatable |
| Version: | CSS1 |
| Синтаксис JavaScript: | object.style.color="#0000FF" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| color | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
Синтаксис CSS
color: color|initial|inherit;
Значения свойств
| Значение | Описание | |
|---|---|---|
| color | Задает цвет текста. Посмотрите на значения цвета CSS для полного списка возможных значений цвета. | |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Другие примеры
Пример
Установите цвет текста с шестнадцатеричным значением:
body {color: #92a8d1;}
Пример
Задайте цвет текста с 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);}
Похожие страницы
CSS Справочник: CSS Текст
HTML DOM Справочник: color Свойство