Поля в CSS

Поля в CSS: подробное рассмотрение

Параметр 'padding'

Данный параметр предназначен для задания всех полей в одном объявлении. Не позволяет задавать отрицательные значения.

Наследование: нет.

Может принимать следующие значения:

Примеры:

p {padding: 2px}

для всех четырех сторон будет задано поле 2px.

p {padding: 5% 2px}

верхнее и нижнее поле будет 5%, левое и правое поле будет составлять 2px от ширины ближайшего элемента.

p {padding: 2px 7px 5%}

верхнее поле будет 2px, левое и правое поле будет составлять 7px от ширины ближайшего элемента, нижнее поле будет 5%.

p {padding: 2px 5% 7px 5px}

верхнее поле будет 2px, правое поле будет 5% от ширины ближайшего элемента, нижнее поле будет 7px, левое поле будет 5px.

Параметр 'padding-bottom'

Этот параметр задает нижнее поле элемента. Не позволяет задавать отрицательные значения.

Наследование: нет.

Может принимать следующие значения:

Пример:

li
{ 
padding-bottom: 5%
}

Параметр 'padding-left'

Данный параметр задает левое поле элемента. Не позволяет задавать отрицательные значения.

Наследование: нет.

Может принимать следующие значения:

Пример:

li
{ 
padding-left: 2px
}

li
{ 
padding-left: 5%
}

Параметр 'padding-right'

Данный параметр задает правое поле элемента. Не позволяет задавать отрицательные значения.

Наследование: нет.

Может принимать следующие значения:

Пример:

li
{ 
padding-right: 2px
}

Параметр 'padding-top'

Параметр padding-top задает верхнее поле элемента. Не позволяет задавать отрицательные значения.

Наследование: нет.

Может принимать следующие значения:

Пример:

li
{ 
padding-top: 2px
}