Поиск

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

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 — определяется броузером;
  • числовое;
  • процентное.

Пример:

Р { margin: 12px 12рх 12рх 12рх }
padding-top, padding-right, padding-bottom,
padding-left

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

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

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

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

Пример:

OL { padding: 4px 4рх 4рх 4рх }
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.

Пример:

Н1 { border-top: thin solid blue }
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 — справа.

Пример:

IMG { float: left }
clear

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

clip

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

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

Пример:

Р { clip: rect(5px, Юрх, Юрх, 5рх); }
visibility

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

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

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

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