Padding


назад вперед

Padding — свойство CSS, задающее свободное пространство между границей элемента (border) и его содержимым (контент).


Padding (поля)

Свойство padding "очищает" территорию вокруг содержимого элемента (внутри границы элемента). Padding (поля) окрашиваются в цвет фона элемента.

Значения каждого поля можно задавать независимо от других, используя для этого соответствующие свойства. Кроме того, можно задавать размеры всех полей с помощью краткой записи.

Возможные значения

Значение Описание
Размер Фиксированный размер полей (сантиметры, пиксели и т.п.)
% Поля в % от родительского элемента

Поля — разные значения для разных сторон

В CSS вы может задать различные значения для полей с разных сторон содержимого:

Пример

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;


Padding — краткая запись

Для уменьшения размера кода вы можете задавать все поля элемента одной записью.

Краткая запись для полей элемента называется "padding":

Пример

padding:25px 50px;

Свойство padding может иметь от одного до четырех значений.


Примеры

Краткая запись свойства padding

Левое поле элемента

Правое поле элемента

Верхнее поле элемента

Нижнее поле элемента


Все свойства padding — справка CSS

Число в столбце "CSS" указывает на то, в какой версии CSS появилось соответствующее свойство (CSS1 или CSS2).

Свойство Описание Значения CSS
padding Краткая запись внутренних отступов padding-top
padding-right
padding-bottom
padding-left
1
padding-bottom Нижнее поле Размер-поля
%
1
padding-left Левое поле Размер-поля
%
1
padding-right Правое поле Размер-поля
%
1
padding-top Верхнее поле Размер-поля
%
1


Поисковой портал Jooble - позволяет в один клик найти любую интересующую вакансию по всему интернету.

Понравилась запись? Сказать "Спасибо" очень просто, поделитесь записью в социальных сетях!


назад вперед

СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта