Что такое Padding

Padding — это внутренний отступ элемента, который создает пространство между его содержимым и границей (border). В отличие от margin (внешнего отступа), padding влияет на размер элемента, увеличивая его.

Пример с CSS:

.box {
  padding: 20px; /* отступ со всех сторон */
  padding-top: 10px; /* индивидуальные отступы */
  padding: 10px 20px; /* вертикальный и горизонтальный */
  padding: 5px 10px 15px 20px; /* top, right, bottom, left */
}

Особенности:

• Увеличивает общие размеры элемента (если не используется box-sizing: border-box)
• Может быть задан в пикселях, процентах, em и других единицах
• Не поддерживает отрицательные значения
• Влияет на кликабельную область элемента