Опубликован: 31.10.2006 | Уровень: для всех | Доступ: платный
Лекция 8:

Поля в CSS

< Лекция 7 || Лекция 8: 12 || Лекция 9 >

Поля в 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.

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

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

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

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

Значение Описание
Length Определяет фиксированное нижнее поле
% Определяет нижнее поле в % от высоты ближайшего элемента

Пример:

li
{ 
padding-bottom: 5%
}
Параметр 'padding-left'

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

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

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

Значение Описание
Length Определяет фиксированное левое поле
% Определяет левое поле в % от высоты ближайшего элемента

Пример:

li
{ 
padding-left: 2px
}

li
{ 
padding-left: 5%
}
Параметр 'padding-right'

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

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

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

Значение Описание
Length Определяет фиксированное правое поле
% Определяет правое поле в % от высоты ближайшего элемента

Пример:

li
{ 
padding-right: 2px
}
Параметр 'padding-top'

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

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

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

Значение Описание
Length Определяет фиксированное верхнее поле
% Определяет верхнее поле в % от высоты ближайшего элемента

Пример:

li
{ 
padding-top: 2px
}
< Лекция 7 || Лекция 8: 12 || Лекция 9 >
Илья Ардов
Илья Ардов

Добрый день!

Я записан на программу. Куда высылать договор и диплом?

Елена Сапегова
Елена Сапегова

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Елена Елаева
Елена Елаева
Россия
Владимир Лагодный
Владимир Лагодный
Россия