Предыдущий раздел Уровень выше Следующий раздел

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

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

Задание цвета (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}

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