Процентные значения

Процентные значения (далее обозначаются как <процент>) указывают на величину чего-либо в процентах от другой величины. Они задаются как <число>, за которым следует символ процента (%), например:

H1 { font-size: 120% }

Всюду, где CSS допускает использование процентных значений, в описании соответствующего свойства четко указывается, какая именно величина является основой для вычисления значения свойства в процентах.

URI

Этот тип значений (далее обозначаемый как <uri>) задает ссылку на унифицированные идентификаторы ресурсов. URI задается в форме url(URI), например:

BODY { background: url(http://mysite.com/bg.gif) }

Текст внутри url() можно заключить в апострофы или кавычки — это ничего не изменит, например:

BODY { background: url("http://mysite.com/bg.gif") }

Цвета

Цветовые значения (далее обозначаются как <цвет>) могут задаваться либо шестнадцатеричным числом с префиксом "#" вида "#rrggbb", задающим RGB-код цвета, либо одним из 16-ти символических имен, приведенных в Таблице П9.1. CSS допускает использование краткой формы RGB-кодов вида "#rgb"; при этом краткая форма преобразуется в полную повторением цифр, а не добавлением нулей. Иными словами, код #FA1 соответствует полному коду #FFAA11. Кроме того, RGB-код цвета может быть задан конструкцией rgb(r,g,b), например, следующие декларации задают один и тот же красный цвет:

EM { color: red } /* название цвета */

EM { color: #f00 } /* #rgb */

EM { color: #ff0000 } /* #rrggbb */

EM { color: rgb(255,0,0) } /* целые в диапазоне 0 до 255 */

EM { color: rgb(100%,0%,0%) } /* действительные в диапазоне от 0.0% до 100.0% */

Примечание. Обозреватели Microscape дополнительно поддерживают имена цветов, перечисленные в Таблице П9.2, но мы рекомендуем использовать вместо них соответствующие шестнадцатеричные значения.

Помимо стандартных имен цветов CSS поддерживает названия системных цветов, предназначенных для использования в соответствии с графическим пользовательским интерфейсом операционных систем клиентов. Эти названия и их назначение приведены в следующей таблице (значения этих цветов, принятые по умолчанию в системе Windows, указаны в Таблице П9.3).

Таблица 2.4. Системные цвета CSS
activeborder	Цвет рамки активного окна	inactivecaptiontext	Цвет текста заголовка неактивного окна
activecaption	Цвет фона заголовка активного окна	infobackground	Цвет фона подсказок (tooltips)
appworkspace	Цвет фона многооконной программы	infotext	Цвет текста подсказок (tooltips)
background	Цвет фона системной подложки (desktop)	menu	Цвет фона меню
buttonface	Цвет трехмерных кнопок	menutext	Цвет текста меню
buttonhighlight	Цвет выделенных трехмерных кнопок	scrollbar	Цвет фона полос прокрутки
buttonshadow	Цвет тени трехмерных кнопок	threeddarkshadow	Темная тень трехмерных элементов
buttontext	Цвет текста трехмерных кнопок	threedface	Цвет трехмерных элементов
captiontext	Цвет текста заголовков	threedhighlight	Цвет выделенных трехмерных элементов
graytext	Серый цвет (для запрещенных элементов)	threedlightshadow	Светлая тень трехмерных элементов
highlight	Цвет фона выделенных элементов	threedshadow	Тень трехмерных элементов
highlighttext	Цвет текста выделенных элементов	window	Цвет фона окон
inactiveborder	Цвет рамки неактивного окна	windowframe	Цвет фрейма окон
inactivecaption	Цвет фона заголовка неактивного окна	windowtext	Цвет текста в окнах

Строки

Текстовые строки (далее обозначаются как <строка>) могут быть заключены либо в кавычки, либо в апострофы. При этом если строка заключена в кавычки, для включения в нее символа кавычки нужно использовать форму \" или \22. Аналогично, если строка заключена в апострофы, для включения в нее символа апострофа нужно использовать форму \' или \27. Для включения в строку символа новой строки используется форма \A (код перевода строки в Unicode). Примеры текстовых строк:

"это 'строка'"

'это \'строка\''

'это "строка"'

"это \"строка\""

"это строка,\A состоящая из двух строк"