Основы работы с CSS

       

Параметр 'padding'


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

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

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

ЗначениеОписание
padding-topУстанавливает поля. Значения задаются в % (определяет поле в % от ширины ближайшего элемента) и длиной (определяет фиксированное поле)
padding-right
padding-bottom
padding-left

Примеры:

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.



Содержание раздела