Свойство CSS `padding` задаёт внутренние отступы со всех четырёх сторон элемента. Это свойство можно использовать для создания пространства вокруг содержимого (внутри границ). Это сокращённая запись для того, чтобы сразу установить все индивидуальные внутренние отступы: `padding-top`, `padding-right`, `padding-bottom` и `padding-left`. Значения определяются по часовой стрелке. Можно легко запомнить аббревиатуру T - top, R - right, B - bottom, L - left (TRBL), как слово `trouble`.
Значения внутреннего отступа устанавливаются с помощью длины или процентов или ключевого слова `inherit` и не могут принимать отрицательные значения. Начальное значение или значение по умолчанию для всех свойств внутреннего отступа равно 0. В то время как вы можете использовать ключевое слово `inherit`, но оно не может быть использовано вместе со значением длины.
Это свойство может быть задано с помощью одного, двух, трех или четырех значений.
* Когда задано одно значение, применяется один и тот же внутренний отступ ко всем четырем сторонам элемента.
* При указании двух значений, первый внутренний отступ применяется к верхней и нижней стороне элемента, второй — к левой и правой.
* Когда заданы три значения, первый внутренний отступ применяется к верхней стороне элемента, второй — к левой и правой, третий — к нижней.
* При указании четырех значений, внутренний отступ применяется к верхней, правой, нижней и левой стороне элемента в указанном порядке (по часовой стрелке).
Свойство `padding` в CSS определяет внутреннюю часть блочной модели документа, создавая пространство вокруг содержимого элемента, внутри любых заданных внешних отступов и/или границ.
