5.16. Установка свойства font-variant

Можно использовать свойство font-variant для преобразования всех символов текста в прописные буквы. Назначьте этому свойству одно из ключевых слов, указанных в таблице 5.7.

Таблица 5.7

Ключевые слова, используемые для свойства font-variant

Ключевое слово для font-variant	Пример правила CSS	Описание	Образец
small-caps	TITLE {font-variant: small-caps}	Преобразует символы текста в прописные	Пушкин Александр Сергеевич
normal	TITLE {font-variant: normal}	Оставляет оригинальный вид текста с сочетанием строчных и прописных букв (т.е. текст не преобразуется)	Пушкин Александр Сергеевич

5.17. Установка свойства color

Свойство color устанавливает цвет текста элемента. Можно присваивать этому свойству значение цвета с использованием форматов, которые описаны ниже. Например, следующее правило устанавливает синий цвет для текста элемента AUTHOR:

AUTHOR {color: blue}

А это правило устанавливает для текста элемента AUTHOR красный цвет:

AUTHOR {color: rgb(255,0,0)}

Свойство color наследуется дочерними элементами. Так, если присоединить следующую таблицу стилей к XML-документу из Листинга 1.2, весь текст будет отображен синим цветом за исключением текста элемента PRICE, который будет отображен красным, поскольку для него в таблице стилей предусмотрена отдельная установка цвета.

BOOK

{display: block;

margin-top: 12pt;

font-size: 10pt;

color: blue}

TITLE

{font-style: italic}

AUTHOR

{font-weight: bold}

PRICE

{color: red}

Свойство color устанавливает цвет для отдельных букв текста (foreground color). Чтобы установить цвет фона, воспользуйтесь свойством background-color (см. раздел «Установка свойства background-color» далее).

К свойствам, которым можно назначать значения цвета, относятся color, background-color и border-color. Можно присвоить значение цвета с использованием четырех различных форматов, которые содержатся в приведенных ниже примерах правил. Эти правила являются эквивалентными - каждое из них назначает свойству color красный цвет.

PARA {color: red}

PARA {color: rgb(255,0,0)}

PARA {color: #FF0000}

PARA {color: rgb(100%,0%,0%)}

Первый формат использует ключевое слово CSS (red), в то время как другие три формата задают цвет путем установки относительной интенсивности компонентов красного, зеленого и синего в составе цвета (именно в таком порядке). Во втором формате интенсивность каждого из цветов задается десятичным числом в диапазоне от 0 до 255. В третьем формате цвет задается с использованием шестизначного шестнадцатеричного числа в диапазоне от 000000 до FFFFFF, где первые две цифры определяют интенсивность красного, вторые две цифры — интенсивность зеленого, а последние две цифры - интенсивность синего. В последнем формате интенсивность каждого из цветов задается в процентах от 0% до 100%.

В таблице 5.8 приведены значения цвета, которые можно присвоить с помощью ключевых слов CSS. Для каждого цвета указано описание во всех четырех форматах. (Ключевые слова CSS соответствуют названиям цветов.)

Таблица 5.8

Значения цвета

Цвет	Ключевое слово CSS	Десятичный RGB-формат	Шестнадцатиричный RGB-формат	Процентный RGB-формат
Красный	red	rgb(255,0,0)	#FF0000	rgb(100%,0%,0%)
Коричневый	maroon	rgb(128,0,0)	#800000	rgb(50%,0%,0%)
Светло-зелёный	lime	rgb(0,255,0)	#00FF00	rgb(0%,100%,0%)
Зелёный	green	rgb(0,128,0)	#008000	rgb(0%,50%,0%)
Голубой	blue	rgb(0,0,255)	#0000FF	rgb(0%,0%,100%)
Тёмно-синий	navy	rgb(0,0,128)	#000080	rgb(0%,0%,50%)
Светло-жёлтый	yellow	rgb(255,255,0)	#FFFF00	rgb(100%,100%,0%)
Тёмно-жёлтый	olive	rgb(128,128,0)	#808000	rgb(50%,50%,0%)
Светло-голубой	aqua	rgb(0,255,255)	#00FFFF	rgb(0%,100%,100%)
Тёмно-голубой	teal	rgb(0,128,128)	#008080	rgb(0%,50%,50%)
Светло-фиолетовый	fuchsia	rgb(255,0,255)	#FF00FF	rgb(100%,0%,100%)
Тёмно-фиолетовый	purple	rgb(128,0,128)	#800080	rgb(50%,0%,50%)
Белый	white	rgb(255,255,255)	#FFFFFF	rgb(100%,100%,100%)
Чёрный	black	rgb(0,0,0)	#000000	rgb(0%,0%,0%)
Светло-серый	silver	rgb(192,192,192)	#C0C0C0	rgb(75%,75%,75%)
Тёмно-серый	gray	rgb(128,128,128)	#808080	rgb(50%,50%,50%)

При использовании одного из RGB-форматов, можно создать и множество других цветов, не показанных в данной таблице. Фактически каждому из компонентов можно присвоить 256 различных значений, что в сумме дает 16777216 различных цветов (256*256*256). При отображении документа в системе с глубиной цвета 24 бита или более, монитор может реально отобразить каждый из этих различных цветов.