Свойство CSS padding позволяет задать внутренние отступы (от рамки элемента до содержимого) сверху, справа, снизу и слева. Оно используется гораздо чаще, чем свойства padding-top, padding-right, padding-bottom и padding-left. Смотрите статью «CSS блоковая модель».
Возможные значения: размер | проценты
Значение по умолчанию: 0
Наследуется: Нет
Можно указывать до четырёх значений через пробел.
Если указано одно значение, то оно будет использоваться для внутренних отступов со всех сторон.
Если указано два значения, то первое значение будет использоваться в качестве внутреннего отступа сверху и снизу, а второе значение будет использоваться в качестве внутреннего отступа справа и слева.
Если указано три значения, то первое значение будет использоваться в качестве внутреннего отступа сверху, второе значение будет использоваться в качестве внутреннего отступа справа и слева, а третье значение будет использоваться в качестве внутреннего отступа снизу.
Если указано четыре значения, то они будут использоваться в качестве внутренних отступов сверху, справа, снизу и слева соответственно.
Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<!DOCTYPE html> <html> <head> <title>CSS padding example</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > </head> <body> <div style="background-color: #f0f0f0; padding: 10px;"> У этого div-а установлено padding: 10px </div> <div> <a href="https://urvanov.ru/2016/02/26/css-padding/">CSS padding</a> </div> </body> </html> |