Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Цвет и фон : color
Материал из Справочник Web-языков.
Содержание |
[править] Атрибут color | Свойство color
C помощью этого свойства задается цвет текста объекта.
[править] Синтаксис
| HTML | { color : sColor } |
| Скрипты | [ sColor = ] object.style.color[ = v ] |
[править] Возможные значения
- sColor
- Строковое значение или Числовое значение из таблицы Коды и названия цветов в HTML.
Значения по умолчанию нет. Свойство наследуется.
[править] Замечания
Покажем несколько способов задания цвета. Например, будем задавать красный цвет:
EM { color: red } /* Определение цвета по названию */
EM { color: #F00 } /* Определение цвета по #RGB */
EM { color: #FF0000 } /* Определение цвета по #RRGGBB */
EM { color: rgb(1.0,0.0,0.0) } /* Определение цвета по с помощью диапазона вещественных чисел: 0.0 - 1.0 */
EM { color: rgb(100%,0%,0%) } /* Определение цвета по с помощью диапазона вещественных чисел: 0.0 - 100.0 */
Некоторые браузеры не поддерживают задание цвета в виде текстового названия, но все браузеры поддерживают задание цвета с помощью RGB-кода и, в этом случае, отображают цвет корректно.
[править] Примеры
Следующие примеры иллюстрируют применение свойства color и атрибута color для задания цвета текста у объекта.
В первом примере используется атрибут color чтобы цвет текста становился красным при наведении курсора мыши на объект.
<STYLE>
.color1 { color:red }
.color2 { color: }
</STYLE>
</HEAD>
<BODY>
<SPAN STYLE="font-size:14" onmouseover="this.className='color1'"
onmouseout="this.className='color2'"> . . .
Во втором примере для того же случая используется свойство color.
<SPAN STYLE="font-size:14" onmouseover="this.style.color='red'"> : </SPAN>
[править] Стандарты
Это свойство определено в и
[править] Поддерживаемые браузеры
Internet Explorer 5.5, 6.0, 7.0, 8.0
Opera 7.0, 8.0, 9.2, 9.5
Safari 1.3, 2.0, 3.1
Firefox 1.5, 2.0, 3.0
[править] Ссылки на источники
