Справочник по 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>

Стандарты

Это свойство определено в World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 и Cascading Style Sheets (CSS), Level 1 (CSS1)

Поддерживаемые браузеры

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

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms530749(VS.85).aspx

https://developer.mozilla.org/en/CSS/color

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования