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

margin-left

Атрибут определяет отступ от объекта слева.

Синтаксис: селектор {margin-left: auto}

Варианты:

Пункты. Синтаксис: селектор {margin-left: 12pt}
Дюймы. Синтаксис: селектор {margin-left: 12in}
Сантиметры. Синтаксис: селектор {margin-left: 12cm}
Пиксели. Синтаксис: селектор {margin-left: 12px}

margin-right

Атрибут определяет отступ от объекта справа.

Синтаксис: селектор {margin-right: auto}

Варианты:

Пункты. Синтаксис: селектор {margin-right: 12pt}
Дюймы. Синтаксис: селектор {margin-right: 12in}
Сантиметры. Синтаксис: селектор {margin-right: 12cm}
Пиксели. Синтаксис: селектор {margin-right: 12px}

margin-top

Атрибут определяет отступ от объекта сверху.

Синтаксис: селектор {margin-top: auto}

Варианты:

Пункты. Синтаксис: селектор {margin-top: 12pt}
Дюймы. Синтаксис: селектор {margin-top: 12in}
Сантиметры. Синтаксис: селектор {margin-top: 12cm}
Пиксели. Синтаксис: селектор {margin-top: 12px}

margin-bottom

Атрибут определяет отступ от объекта снизу.

Синтаксис: селектор {margin-bottom: auto}

Варианты:

Пункты. Синтаксис: селектор {margin-bottom: 12pt}
Дюймы. Синтаксис: селектор {margin-bottom: 12in}
Сантиметры. Синтаксис: селектор {margin-bottom: 12cm}
Пиксели. Синтаксис: селектор {margin-bottom: 12px}

padding-left

Атрибут определяет отступ от содержимого элемента до обрамления слева.

Синтаксис: селектор {padding-left: 0}

Варианты:

Пункты. Синтаксис: селектор {padding-left: 12pt}
Дюймы. Синтаксис: селектор {padding-left: 12in}
Сантиметры. Синтаксис: селектор {padding-left: 12cm}
Пиксели. Синтаксис: селектор {padding-left: 12px}

padding-right

Атрибут определяет отступ от содержимого элемента до обрамления справа.

Синтаксис: селектор {padding-right: 0}

Варианты:

Пункты. Синтаксис: селектор {padding-right: 12pt}
Дюймы. Синтаксис: селектор {padding-right: 12in}
Сантиметры. Синтаксис: селектор {padding-right: 12cm}
Пиксели. Синтаксис: селектор {padding-right: 12px}

padding-top

Атрибут определяет отступ от содержимого элемента до обрамления сверху.

Синтаксис: селектор {padding-top: 0}

Варианты:

Пункты. Синтаксис: селектор {padding-top: 12pt}
Дюймы. Синтаксис: селектор {padding-top: 12in}
Сантиметры. Синтаксис: селектор {padding-top: 12cm}
Пиксели. Синтаксис: селектор {padding-top: 12px}

padding-bottom

Атрибут определяет отступ от содержимого элемента до обрамления снизу.

Синтаксис: селектор {padding-bottom: 0}

Варианты:

Пункты. Синтаксис: селектор {padding-bottom: 12pt}
Дюймы. Синтаксис: селектор {padding-bottom: 12in}
Сантиметры. Синтаксис: селектор {padding-bottom: 12cm}
Пиксели. Синтаксис: селектор {padding-bottom: 12px}

border-style

Атрибут определяет оформление рамок вокруг объектов.

Синтаксис: селектор {border-style: тип}

Варианты:

dotted. Синтаксис: селектор {border-style: dotted}
solid. Синтаксис: селектор {border-style: solid}
double. Синтаксис: селектор {border-style: double}
groove. Синтаксис: селектор {border-style: groove}
insert. Синтаксис: селектор {border-style: insert}
ridge. Синтаксис: селектор {border-style: ridge}
outset. Синтаксис: селектор {border-style: outset}
none. Синтаксис: селектор {border-style: none}

border-color

Атрибут определяет оформление цвета рамок вокруг объектов.

Синтаксис: селектор {border-color: цвет}

border-width

Атрибут определяет толщину рамок вокруг объектов.

Синтаксис: селектор {border-width: значение}

border-позиция

Атрибут определяет оформление вида и цвета рамок вокруг объектов выборочно с любой из сторон.

Синтаксис: селектор {border-top: вид цвет}

Может принимать значения:

border-top
border-bottom
border-right
border-left

Тогда, приведенные выше свойства примут вид:

Для border-color:

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

Для border-style:

border-top-style
border-bottom-style
border-right-style
border-left-style

Для border-width:

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