Приглашаем посетить
Цветаева (tsvetaeva.lit-info.ru)

CSShelp - Свойства обрамления

Свойства обрамления

margin-left, margin-right, margin-top, margin-bottom, margin
значения [<length> | <percentage> | auto]
значение по умолчанию 0
поддерживается всеми элементами
наследование нет
Эти свойства указывают поля вокруг объекта. Последнее свойство margin позволяет указывать значения сразу для всех сторон, при этом они перечисляются в следующем порядке: верхняя, правая, нижняя, левая границы. Если вы зададите 1 значение, оно будет применяться ко всем сторонам. Значения можно указывать как в абсолютных величинах, так и в процентах.

padding-top, padding-right, padding-bottom, padding-left, padding
значения [<length> | <percentage> | auto]
значение по умолчанию 0
поддерживается всеми элементами
наследование нет
Эти свойства указывают сколько пространства будет оставаться между границей элемента и содержанием, например текстом, элемента. Значения можно задавать как по отдельности для каждого направления, так и все вместе в свойстве padding. Значение этого свойства не может быть отрицательным.

border-top-width, border-right-width, border-bottom-width, border-left-width, border-width
значения thin | medium | thick | <length>
значение по умолчанию medium
поддерживается всеми элементами
наследование нет
Как должно быть понятно из названий свойств, они предназначены для указания толщины границы элемента. Общие правила те же, что и в предыдущих случаях. Т.е. если вам не лень, напишите все по отдельности.

border-top-color, border-right-color, border-bottom-color, border-left-color, border-color
значения border-top-color, border-right-color, border-bottom-color, border-left-color, border-color
значение по умолчанию  
поддерживается всеми элементами
наследование нет
Эти свойства служат для задания цвета границы. Естественно, если вы установите нулевую толщину границы, то какой цвет не устанавливай, ничего не изменится.

border-top-style, border-right-style, border-bottom-style, border-left-style, border-style
значения none | dotted | dashed | solid | double | groove | ridge | inset | outset
значение по умолчанию ?
поддерживается всеми элементами
наследование нет
Эти свойства устанавливают стиль границы. К сожалению, в реализациях как правило они не различаются, т.е. реально поддерживаются только solid и double. Хотя вы можете поэкспериментировать. Кстати, если вы здесь ничего не укажите, то никакой границы не будет, даже если для нее установлена ненулевая толщина.

float
значения left | right | none
значение по умолчанию none
поддерживается всеми элементами
наследование нет
Определяет обтекание элемента слева или справа вместо помещения под ним.

clear
значения none | left | right | both
значение по умолчанию none
поддерживается всеми элементами
наследование нет
Указывает, что следующие элементы должны быть показаны ниже элемента, выровненного по левому или правому краю. По умолчанию текст обтекае такие элементы.

Вернуться к оглавлению