Единицы измерения элемента. Границы объектов. Курсоры.

Условно единицы измерения можно разделить на три группы.
Первая группа - это величины, которые используются для измерения длин реальных предметов. К ним относятся:
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 (толстая). table {border-width: 2px;}
border-color	Цвет границы. Может принимать значение transparent для задания невидимой, но имеющей ширину, границы, что иногда полезно table {border-color: green;}
border-style	Задает стиль рисования границы. Может принимать следующие значения: none (по умолчанию), hidden, dotted, dashed, solid, double,groove, ridge, inset, outset table {border-style: dashed;} table {border-style: groove;}
border-collapse	Задает стиль рисования таблицы. Может принимать следующие значения: separate (по умолчанию) - Ячейки отделены друг от друга collapse - ячейки не имеют промежутков между собой <TABLE STYLE="border-collapse:collapse">

all-scroll	Курсор со стрелками во все четыре стороны и точкой в центре, показывающий на возможность скроллинга страницы в любом направлении I {cursor: all-scroll;}
auto	По умолчанию. Браузер определяет самостоятельно, какой курсор требуется в данном контексте I {cursor: auto;}
col-resize	Курсор со стрелками влево-вправо и вертикальной разделяющей полоской. Используется для индикации возможности изменения размеров по горизонтали H4 {cursor: col-resize;}
crosshair	Курсор-крест H4 {cursor: crosshair;}
default	Стандартный курсор, используемый системой H4 {cursor: default;}
hand	Рука с вытянутым указательным пальцем. Используется при гиперссылке H4 {cursor: hand;}
help	Стрелка с вопросительным знаком. H3 {cursor: help;}
move	Курсор со 4 стрелками, показывающий возможность перемещения H2 {cursor: move;}
no-drop	Рука с перечеркнутым кружочком. Нельзя сбросить объект в текущую позицию курсора TD {cursor: no-drop;}
not-allowed	Перечеркнутый круг. Данная операция не поддерживается TD {cursor: not-allowed;}
pointer	Идентичнастилюhand TD {cursor: pointer;}
progress	Песочные часы, показывающие на продолжение операции TD {cursor: progress;}
row-resize	Курсор со стрелками вверх-вниз и вертикальной разделяющей полоской. Используется для индикации возможности изменения размеров по вертикали TD {cursor: row-resize;}
text	Текстовый курсор-каретка TD {cursor: text;}
url(uri)	Собственный курсор. Поддерживаются файлы .cur и .ani TD {cursor:url(elogo.cur);}
vertical-text	Горизонтальная текстовая каретка для вертикального текста TD {cursor: vertical-text;}
wait	Курсор, показывающий, что система занята и требуется подождать TD {cursor: wait;}
*-resize	Курсоры, показывающие возможность потянуть за край окна. Вместо символа * используйте N, NE, NW, S, SE, SW, E, или W, определяющие направление стрелок TD {cursor: n-resize;}