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

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

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

aqua           gray          navy            silver
black	       green	     olive           teal
blue           lime          purple          white
fuchsia	       maroon	     red             yellow

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

Web-цвета по оттенкам<

black white

Нейтральные/холодные

darkgray ghostwhite silver 
darkslategray gray slategray
dimgray lightgrey snow
gainsboro lightslategray

Нейтральные/теплые

antiquewhite ivory papayawhip
cornsilk linen seashell
floralwhite oldlace

Коричневые/бронзовые

beige chocolate rosybrown
bisque khaki sienna
blanchedalmond moccasin tan
brown navajowhite wheat
burlywood peru

Розовые

coral lightcoral mistyrose 
darksalmon lightpink pink
deeppink lightsalmon salmon
hotpink magenta

Оранжевые

darkorange orange orangered peachpuff

Желтые

darkgoldenrod lemonchiffon palegoldenrod
gold lightyellow yellow
goldenrod lightgoldenrodyellow

Зеленые

aquamarine greenyellow olive
chartreuse honeydew olivedrab
darkgreen lawngreen palegreen
darkkhaki lime seagreen
darkolivegreen limegreen springgreen 
darkseagreen mediumseagreen yellowgreen
forestgreen mediumspringgreen 
green mintcream

Фиолетовые

blueviolet lavenderblush plum
darkmagenta mediumorchid purple
darkorchid mediumpurple thistle
darkviolet mediumvioletred violet
fuchsia orchid
lavender palevioletred

Сине-зеленые

aqua darkturquoise mediumauqamarine
cyan lightcyan mediumturquoise
darkcyan lightseagreen

Синие

aliceblue deepskyblue mediumslateblue
azure dodgerblue midnightblue
blue indigo navy
cadetblue lightblue powderblue
cornflowerblue lightskyblue skyblue
darkblue lightsteelblue slateblue
darkslateblue mediumblue steelblue

Красные

crimson firebrick maroon
darkred indianred red

При задании цвета численным значением используют либо шестнадцатеричное значение, либо тройку вида 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}

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