CSS-свойство height
Описание: Устанавливает высоту элемента, влияя на его размеры и адаптивность на различных устройствах.
Значения:
- Фиксированные единицы (например, <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>vh</code>)
- <code>auto</code>
- <code>inherit</code>
- <code>initial</code>
- <code>unset</code>
Начальное значение: auto
Применяется к: Блочные элементы и элементы со свойством display отличным от inline
Наследуется: Нет
Медиа-тип: visual
Пример использования
.header {
height: 100px;
}
Доступность (a11y)
- Фиксированная высота может привести к обрезанию контента на разных устройствах, что затрудняет доступ к информации для пользователей с ограниченными возможностями.
- Используйте относительные единицы или обеспечьте гибкость высоты для адаптивного дизайна, чтобы контент мог корректно отображаться на различных экранах и устройствах.
- Убедитесь, что важные элементы интерфейса всегда видны и доступны, даже при изменении размеров окна браузера.