CSS-свойство margin
Описание: Устанавливает внешние отступы вокруг элемента, влияя на расстояние между элементами и их расположение.
Значения:
- Фиксированные единицы (например, <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>auto</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
Пример использования
.box {
margin: 20px;
}Доступность (a11y)
- Используйте отступы для улучшения визуальной структуры и разделения контента, что способствует лучшей читаемости и восприятию информации.
- Избегайте слишком больших отступов, которые могут привести к потере контекста и затруднить навигацию для пользователей с ограниченными возможностями.
- Правильное использование отступов помогает создавать интуитивно понятные интерфейсы и улучшает общий опыт пользователей.