/css/color:> Цвет текста_
Свойство color
Синтаксис
CSS 1
CSS 2‒2.2
CSS 3
color: <цвет> | inherit
Описание
Свойство color
определяет цвет текста элемента.
Применяется: | ко всем элементам; |
---|---|
Наследование: | присутствует; |
Проценты: | не используются; |
Медиа: | визуальные. |
JavaScript
[объект]
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Значения
- <цвет>
- Указывается значение цвета.
color: red;
- inherit
- Указывает, что элемент должен унаследовать значение родительского элемента.
Начальное значение: Зависит от агента пользователя.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство color</title>
<style type="text/css">
.color1 { color: #FF0000; }
.color2 { color: rgba(255,0,0,0.75); }
.color3 { color: red; }
</style>
</head>
<body>
<h1>Цвет текста</h1>
<p class="color1">Красный текст №1.</p>
<p class="color2">Красный текст №2.</p>
<p class="color3">Красный текст №3.</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство color</title>
<style type="text/css">
.color1 { color: #FF0000; }
.color2 { color: rgba(255,0,0,0.75); }
.color3 { color: red; }
</style>
</head>
<body>
<h1>Цвет текста</h1>
<p class="color1">Красный текст №1.</p>
<p class="color2">Красный текст №2.</p>
<p class="color3">Красный текст №3.</p>
</body>
</html>
Свойство color