Значения свойств

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

Числовые значения применяются для задания размеров, например, ширины и высоты блока, размера шрифта, толщины рамки, межстрочных интервалов и т.д. Значение выражается десятичным числом, за которым обычно следует размерность. Размер­ность записываются после числа без дополнительного пробела, например, 8 pt , 1 cm , 2.5 in , 130%. В случае отрицательного значения перед числом ставится знак минус (например -15рх).

Числовые значения могут выражаться в абсолютных или относительных единицах (Табл. 3.1:

✓ абсолютные значения задают точный размер элемента и приводятся в стандартных единицах измерения длины, например, в дюймах, сантиметрах или миллиметрах;

✓ относительные значения определяют размер элемента относительно другого элемента. Например, ширина изображения может выражаться в процентах отно­
сительно ширины блока, в который вложен рисунок, или относительно размера окна браузера. Межсимвольный интервал часто задается в единицах em ширины символа основного шрифта (буквы «ш»). Другие единицы относительных значе­ний приведены в Табл. 3.1.

Табл. 3.1. Единицы измерения значений свойств

Условное обозначение

Наименование единицы измерения

Пример

Абсолютные единицы

in

дюйм

width :. 25in

cm

сантиметр

height :1. 5cm

mm

миллиметр

margin-left : 12mm

Pt

пункт (lpt = l/72in)

font-size:16pt

рс

пик (lpc = 12pt)

line-height :1. 2pc

Относительные единицы

рх

пиксел

left :2 OOpx

em

ширина буквы «т»

letter-spacing: 0. 3em

ex

высота буквы «х»

font-size : 2ex

%

процент

width: 150%

Символьные значения состоят из букв латинского алфавита или из комбинаций букв, цифр и специальных символов. Форма записи определяется стандартом CSS . Символь­ные значения присваиваются многим стилевым свойствам, например, свойствам шриф­тов font - family (гарнитура шрифта) и font - style (стиль вывода шрифта), свойст­ву текста text - align (выравнивание). Другим примером использования символьных значений являются свойства цвета color и background - color , значения которых задаются в символьном формате RGB -модели. Отметим, что в CSS для описания цвета применяются и другие форматы RGB -модели, которые не поддерживаются в HTML : десятичный фор­мат (например, rgb (128,0,128)) и процентный формат (например, rgb (50%,0/50%)).