Динамический HTML

Задание значений

Для задания значений в правилах таблиц стилей важно использовать корректный синтаксис.

Задание цвета (color), также как и в тегах HTML, возможно двумя способами: наименованием и численным значением. Спецификация CSS1 ("Спецификации каскадных таблиц стилей, уровень 1"), разработанная Консорциумом World Wide Web (W3C), перечисляет только 16 наименований цветов, которые можно использовать в таблицах стилей:

Другие наименования из полного списка цветов, приведенного ниже, также могут поддерживаться некоторыми браузерами

При задании цвета численным значением используют либо шестнадцатеричное значение, либо тройку вида rgb ( red, green, blue ), где red, green и blue являются числами в диапазоне от 0 до 255, либо процентными величинами, определяющими яркость каждой составляющей цвета в RGB. Значения 255 или 100% указывают, что соответствующая составляющая цвета имеет максимальную яркость; значения 0 или 0% - соответствующая составляющая полностью отсутствует.

Пример

H1  {color: #0000FF}
H1  {color: #00F}
H1  {color: rgb(27, 119, 207)}
H1  {color: rgb(50%,75%, 0%)}

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

При задании единиц длины (length) используют число, за которым без пробелов следует двухсимвольное обозначение единицы измерения (em, ex, in, cm и др.) Обозначения единиц измерения еm и ех относятся к общей высоте шрифта и высоте буквы "х" соответственно. Единица измерения рх соответствует величине пиксела на экране, а in, cm, mm, pt и рс обозначают дюймы, сантиметры, миллиметры, пункты и цицеро соответственно. В дюйме 25,4 миллиметра или 72,27 пункта, а в цицеро - 12 пунктов. Если значение равно нулю, обозначение единицы измерения можно опустить.

Пример

P  {font-size: 12pt}
H3 {text-indent: 20em}

Некоторые значения могут быть заданы в процентах (percent). При этом они вычисляются как процент от другого свойства элемента, обычно его размера.

Пример

P {line-height: 120%}

Для указания местоположения ресурса используется его URL-адрес. В этом случае после ключевого слова url сразу (без пробелов) следует открывающая круглая скобка, а за ней - URL, заключенный, при желании, в одиночные или двойные кавычки, и закрывающая правая скобка.

Пример

BODY {
  background: url(http://www.image.ru/image/pic1.gif)
  }

Наконец, некоторые значения являются последовательностью (list) других величин и описываются как "список" некоторых значений. Список состоит из одного или более допустимых значений, разделяемых запятыми.

Пример

P {font-family: Times, serif}

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