Свойство padding сокращенный способ задать следующие параметры: padding-top, padding-right, padding-bottom и/или padding-left. Padding - это пространство между содержимым элемента и бордюром. (См. подробнее Блочная модель (Box Model) - основа CSS В примере ниже это пространство обозначено зеленым цветом.

Пример

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

Одно, два, три или четыре следующих значения:

ширина
задается в стандартных единицах длины

процент%
задается в процентах от размера родительского элемента

auto
расстояние будет рассчитываться браузером автоматически

Данное свойство предполагает использование от 1 до 4 значений одновременно, что повлечет за собой следующее:

Если для свойства padding будет указано одно значение - оно будет применено ко всем сторонам элемента.

Если для свойства padding будет указано два значения - первое будет применено для верхней и нижней границ элемента, второе - для левой и правой.

Если для свойства padding будет указано три значения - первое будет применено для верхней границы, второе - для правой и левой границ, третье - для нижней границы.

Если для свойства padding будет указано четыре значения - первое будет применено для верхней границы, второе - для правой границы, третье - для нижней границы, четвертое - для левой границы.
inherit
Заимствует значение свойства у родительского элемента.

Характеристики

Применяется: К большинству элементов

Наследуется: Нет

См. также
padding-bottom
padding-left
padding-right
padding-top