Свойства границ элементов

width

Ширина объекта.
Значения:

• auto — определяется броузером;
• числовое;
• процентное.

min-width и max-width

Минимально возможная и максимально допустимая ширина объекта.
Значения:

• auto — определяется броузером;
• числовое;
• процентное.

height

Высота объекта.
Значения:

• auto — определяется броузером;
• числовое;
• процентное.

min-height и max-height

Минимально возможная и максимально допустимая высота объекта.
Значения:

• auto — определяется броузером;
• числовое;
• процентное.

position

Способ вычисления координат границ элемента.
Значения:

• normal — положение элемента определяется броузером;
• relative — вначале вычисляется обычное положение элемента, затем рассчи- тывается смещение относительно этого положения;
• absolute — координаты вычисляются относительно границ контейнера, содер- жащего элемент;
• fixed — координаты вычисляются относительно границ контейнера, содержа- щего элемент, и запрещается прокрутка.

top, bottom, right, left

Координаты верхней, нижней, правой и левой границ элемента.
Значения:

• auto — определяется броузером;
• числовое;
• процентное.

margin-top, margin-right, margin-bottom, margin-left

Размер пустого пространства рядом с определенной стороной элемента.
Значения:

• auto — определяется броузером;
• числовое;
• процентное.

margin

Величина отступов вокруг элемента.
Значения:

• auto — определяется броузером;
• числовое;
• процентное.

Пример:

padding-left

Величина отступа между указанной границей элемента и его содержимым.
Значения:

• auto — определяется броузером;
• числовое;
• процентное.

padding

Величина отступа между границами элемента и его содержимым.
Значения:

• auto — определяется броузером;
• числовое;
• процентное.

Пример:

border-top-width, border-right-width,
border-bottom-width, border-left-width

Ширина элементов рамки.
Значения:

• thin — тонкая;
• medium — средняя;
• thick — широкая;
• числовое.

border-width

Толщина рамки.
Значения:

• thin — тонкая;
• medium — средняя;
• thick — широкая;
• числовое.

border-top-color, border-right-color,
border-bottom-color, border-left-color

Цвет элементов рамки.

border-color

Цвет рамки.

border-top-style, border-right-style, border-bottomstyle,
border-left-style

Вид элементов рамки.
Значения:

• none или hidden — рамка не показана;
• dotted — рамка из точек;
• dashed — пунктирная рамка;
• solid — сплошная рамка;
• double — двойная рамка;
• groove — двугранная рамка;
• ridge — такая же, как groove, но светлая и темная грани расположены иначе;
• inset — одна грань, наклоненная внутрь;
• outset — такая же, как inset, но свет падает по-другому.

border-style

Вид рамки.
Значения: такие же, как и у предыдущих свойств.

border-top

Одновременное задание значений свойств border-top-width , border-top-style и border-top-color.

Пример:

border-bottom

Одновременное задание значений свойств border-bottom-width, border-bottom-style и border-bottom-color.

border-left

Одновременное задание значений свойств bcrder-left-width , border-left-style и border-left-color.

border-right

Одновременное задание значений свойств border-right-width, border-right-style и border-right-color.

border

Одновременное задание значений свойств border-width, border-style и border-color.

overflow

Способ изменения размеров объекта, если его содержимое не может быть показа но целиком.
Значения:

• auto — определяется броузером;
• visible — размер границ увеличивается в такой степени, чтобы содержимое было видимым;
• hidden — размеры границ не устанавливаются в зависимости от размеров содержимого;
• scroll — устанавливается режим прокрутки.

float

Способ обтекания элемента другими.
Значения:

• none — обтекания нет;
• left — слева;
• right — справа.

Пример:

clear

Способ расположения элементов, следующих за элементом, выровненным по ле- вому или правому краю.
Значения: none, left, right, both.

clip

Определение видимой части объекта. Значения:

• auto — определяется броузером;
• прямоугольник, «вырезающий» часть объекта.

Пример:

visibility

Видимость или невидимость объекта.
Значения:

• visible — видимый;
• hidden — невидимый.

z-index

Способ перекрытия объектов другими. Объект, имеющий большее значение ин декса, располагается выше.
Значения:

• auto — «нулевой уровень», задаваемый по умолчанию;
• отрицательное числовое — объект располагается «ниже» нулевого уровня;
• положительное числовое — объект располагается «выше» нулевого уровня.