Задание значений
Для задания значений в правилах таблиц стилей важно использовать корректный синтаксис.
Задание цвета (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}
Все указанные обозначения используются в кратком справочнике по таблицам стилей, приведенном далее.
