Условно единицы измерения можно разделить на три группы.
Первая группа - это величины, которые используются для измерения длин реальных предметов. К ним относятся:
in - дюймы;
cm - сантиметры;
mm - миллиметры.
Ко второй группе можно отнести величины, которые пришли в CSS из типографии. То есть они используются для установки размеров шрифта, межстрочных интервалов и прочих типографских величин. Данная группа величин привычна полиграфистам. К ним относятся:
pt - типографский пункт;
pc - пика;
ex - высота строчной буквы "x" в шрифте.
Третью группу составляют величины, которые являются относительными, то есть реальный размер элемента вычисляется относительно какой-либо иной величины. К ним относятся:
em - вычисляется относительно размера шрифта элемента;
px - пиксель. Вычисляется относительно устройства отображения;
% - процент. Естественно, процентные соотношения не являются единицами измерения в привычном смысле слова. Они вычисляются относительно размеров элемента-предка.
Реальные единицы измерения. Реальные единицы измерения великолепно работают в физическом мире, однако для использования на экране монитора они оказываются мало пригодны. Причина на редкость проста: мониторы имеют совершенно разные физические параметры. К ним относятся:
размер монитора по диагонали (варьируется от 14 дюймов до 21 дюйма);
разрешение монитора (варьируется от 640х480 до 1600х1200)
Типографские единицы. Типографские единицы измерения для дизайнера даже привычнее, чем реальные единицы, потому что они сталкиваются с ними повсеместно, в любом графическом пакете размер шрифта задается с помощью пунктов (pt). Так что использовать типографские единицы в CSS хочется по привычке. Однако придется изменить свои привычки по той простой причине, что пункты (pt) и пики (pc) принципиально ничем не отличаются от реальных единиц измерения. Это становится понятно, если вспомнить, что такое пункт. Так вот один пункт равен 1/72 дюйма, а пика равна 12 пунктам, то есть 1/6 дюйма. Таким образом, на использование данных типографских величин накладывается абсолютно такое же ограничение, как и на использование реальных величин. Получается, что использовать пункты и пики надо только в той таблице стилей, которая предназначается для вывода страницы на печать.
border-width |
Ширина границы. Может быть задана значением в пикселях или с помощью зарезервированных слов thin (тонкая), medium (средняя), thick (толстая). |
border-color |
Цвет границы. Может принимать значение transparent для задания невидимой, но имеющей ширину, границы, что иногда полезно |
border-style |
Задает стиль рисования границы. Может принимать следующие значения: none (по умолчанию), hidden, dotted, dashed, solid, double,groove, ridge, inset, outset |
border-collapse |
Задает стиль рисования таблицы. Может принимать следующие значения: |
all-scroll |
Курсор со стрелками во все четыре стороны и точкой в центре, показывающий на возможность скроллинга страницы в любом направлении |
auto |
По умолчанию. Браузер определяет самостоятельно, какой курсор требуется в данном контексте |
col-resize |
Курсор со стрелками влево-вправо и вертикальной разделяющей полоской. Используется для индикации возможности изменения размеров по горизонтали |
crosshair |
Курсор-крест |
default |
Стандартный курсор, используемый системой |
hand |
Рука с вытянутым указательным пальцем. Используется при гиперссылке |
help |
Стрелка с вопросительным знаком. |
move |
Курсор со 4 стрелками, показывающий возможность перемещения |
no-drop |
Рука с перечеркнутым кружочком. Нельзя сбросить объект в текущую позицию курсора |
not-allowed |
Перечеркнутый круг. Данная операция не поддерживается |
pointer |
Идентичнастилюhand |
progress |
Песочные часы, показывающие на продолжение операции |
row-resize |
Курсор со стрелками вверх-вниз и вертикальной разделяющей полоской. Используется для индикации возможности изменения размеров по вертикали |
text |
Текстовый курсор-каретка |
url(uri) |
Собственный курсор. Поддерживаются файлы .cur и .ani |
vertical-text |
Горизонтальная текстовая каретка для вертикального текста |
wait |
Курсор, показывающий, что система занята и требуется подождать |
*-resize |
Курсоры, показывающие возможность потянуть за край окна. Вместо символа * используйте N, NE, NW, S, SE, SW, E, или W, определяющие направление стрелок |