padding

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

Пример

p {padding: 2em}
p {padding: 2em 1em}

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

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

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

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

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

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

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

См. также