Устанавливает внутренние отступы у элемента со всех сторон. Внутренний отступ находится между контентом блока и его рамкой.
Это короткая запись четырех свойств:
padding-top, padding-right, padding-bottom, padding-left.
Если у padding задано четыре значения, например padding: 10px 20px 30px 40px;, они задают отступ от верхней 10px, правой 20px, нижней 30px и левой 40px границы соответственно.
Если у padding задано три значения, например padding: 10px 20px 30px;, они задают отступ от верхней 10px, правой и левой 20px, нижней 30px границы соответственно.
Если у padding задано два значения, например padding: 10px 20px;, они задают отступ от верхней и нижней 10px, правой и левой 20px границы соответственно.
Если у padding задано одно значение, например padding: 10px;, оно задает отступ от всех границ: верхней, правой, нижней и левой границы по 10px.
Отрицательные значения не работают.
Примеры
Значения
| Значение | Описание |
|---|---|
| число | По умолчанию 0. Внутренний отступ в единицах измерения (px, em и других). |
| проценты | Внутренний отступ в процентах от родительского блока. |
| inherit | Наследует значение родительского блока. |
| initial | Устанавливает значение по умолчанию. |
Поддержка браузерами
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Androidpadding
