Границы в CSS | Отступ текста css

Границы в CSS | Отступ текста css | CSS поля

При оформлении документов для каждого из его элементов можно указать границы, отступы и поля. Соответствующие свойства применимы ко всем элементам.

top

left

margin-top

margin-left

border-top

border-left

`padding-top`
`padding-left`	`content`	`padding-right`
`padding-bottom`

border-right

border-bottom

margin-right

margin-bottom

right

bottom

Таблица 2.11. Свойства оформления документов
Свойство	Описание	Умолчание
`margin`/`padding`[`-top`/`right`/`bottom`/`left`]	Поле, отступ верхний, правый, нижний, левый	`0`
`border`[`-top`/`right`/`bottom`/`left`]`-width`	Толщина верхней, правой, нижней, левой границы	`medium`
`border`[`-top`/`right`/`bottom`/`left`]`-color`	Цвет верхней, правой, нижней, левой границы	Значение свойства `color`
`border`[`-top`/`right`/`bottom`/`left`]`-style`	Тип верхней, правой, нижней, левой границы	`none`

Поле

margin:Sv|Pv|auto

Отступ

padding:Sv|Pv|auto

Значения полей, равно как и отступов, можно задать как персонально, например:
<ДЕСКРИПТОР style="margin-left:20px; padding-top:15px">
так и одной строкой
<ДЕСКРИПТОР style="margin:10mm 5mm 10mm 20mm">в порядке следования: верх, право, низ и лево.

Толщина границы

border-width:Rv>0|thin|medium|thick

thin - тонкая,
medium - средняя,
thick - толстая.

Тип границы

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

Свойства границ можно объединять, задавая сразу все нужные величины: толщину, тип и цвет. Например:
h1 {border-bottom: thick solid red}

Дата добавления: 2010-12-27