йНМЯОЕЙР ОН МЮВЕПРЮРЕКЭМНИ ЦЕНЛЕРПХХ хМФЕМЕПМЮЪ ЦПЮТХЙЮ юПУХРЕЙРСПЮ щбл хМТНПЛЮРХЙЮ Х ХМТНПЛЮЖХНММШЕ РЕУМНКНЦХХ

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

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

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

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

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

мЮВЕПРЮРЕКЭМЮЪ ЦЕНЛЕРПХЪ Х ХМФЕМЕПМЮЪ ЦПЮТХЙЮ, ОЕПЯОЕЙРХБЮ