Свойство COLOR
| Браузер | Internet Explorer | Firefox | Mozilla | Opera | Netscape | Safari | |||||||
| Версия | 5.5 | 6.0 | 7.0 | 1.0 | 2.0 | 1.7 | 7.0 | 8.0 | 9.0 | 6.0 | 7.0 | 8.0 | 1.0 |
| Поддержка |  |
|
|
|
|
|
|
|
|
|
|
|
|
Краткая информация
| CSS | CSS1 |
| Значение по умолчанию | Зависит от настроек браузера, обычно черный цвет |
| Наследование | Да |
| Применяется | Ко всем элементам |
| Аналог HTML | <body text="цвет"> <font color="цвет"> |
| Ссылка на спецификацию | http://www.w3.org/TR/CSS21/colors.html#propdef-color |
Описание
Задает цвет текста элемента.
Синтаксис
Аргументы
Значение цвета можно задавать тремя способами.
1. По его названию
Браузеры поддерживают некоторые цвета по их названию.
2. По шестнадцатеричному значению
Для получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Каждый из трех цветов RGB (красный, зеленый, синий -) может принимать значения от 00 до FF. То есть, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа задаюи красную компоненту цвета, два средних - зеленую, а два последних - синюю.
3. С помощью RGB
Можно задать цвет используя значения красной, зеленой и синей составляющей в десятичном исчислении. Значение каждого из трех цветов может принимать значения от 0 до 255. Также можно задавать цвет в процентном отношении.
Пример
 |
 |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>color</title>
<style type="text/css">
.letter {
color: red; /* Цвет символа */
font-size: 200%; /* Размер шрифта */
}
P {
color: RGB(49, 151, 116); /* Цвет текста */
}
</style>
</head>
<body>
<p><span class="letter">L</span>orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
<p><span class="letter">U</span>t wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>