CSS-свойство padding
Описание: Устанавливает внутренние отступы внутри элемента, влияя на расстояние между содержимым и его границами.
Значения:
- Фиксированные единицы (например, <code>px</code>, <code>cm</code>, <code>mm</code>, <code>in</code>, <code>pt</code>, <code>pc</code>)
- Относительные единицы (например, <code>%</code>, <code>em</code>, <code>rem</code>)
- <code>inherit</code>
- <code>initial</code>
- <code>unset</code>
Начальное значение: 0
Применяется к: Все элементы, кроме элементов таблиц с дисплеем table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, и table-cell
Наследуется: Нет
Медиа-тип: visual
Пример использования
.content {
padding: 15px;
}Доступность (a11y)
- Добавление внутреннего отступа улучшает читаемость и восприятие контента, обеспечивая достаточное пространство вокруг текста и интерактивных элементов.
- Убедитесь, что интерактивные элементы имеют достаточную область для удобного взаимодействия, особенно на сенсорных устройствах, что повышает доступность для пользователей с ограниченными возможностями.
- Правильное использование отступов помогает создавать визуально сбалансированные и удобные для восприятия интерфейсы.