СSS Свойство height
Пример
Установить высоту двух элементов <div>:
div.a {
height: auto;
border:
1px solid black;
}
div.b {
height: 50px;
border: 1px solid black;
}
Редактор кода »
Определение и использование
Свойство height задает высоту элемента.
Свойство высота элемента не включает отступы, границы или поля!
Если элемент height: auto; автоматически отрегулирует свою высоту, чтобы его содержимое отображалось правильно.
Если height устанавливается в числовое значение (например, пиксели, (r)em, проценты), то если содержимое не помещается в пределах указанной высоты, он будет переполнен. Как контейнер будет обрабатывать переполненное содержимое определяется overflow.
Примечание: Свойства переопределения min-height, max-height и height.
| Значение по умолчанию: | auto |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да. Прочитать о animatable Попробовать |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.height="500px" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS Синтаксис
height: auto|length|initial|inherit;
Значения свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| auto | Браузер вычисляет высоту. Это значение по умолчанию | Воспроизвести » |
| length | Определяет высоту в px, cm, т. д. Прочитать о Единицы длины | Воспроизвести » |
| % | Определяет высоту в процентах от содержащего блока | |
| initial | Устанавливает для этого свойства значение по умолчанию. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
Установить высоту элемента на 50% от высоты родительского элемента:
#parent {
height: 100px;
}
#child {
height: 50%;
}
Редактор кода »
Связанные страницы
CSS Учебник: CSS Высота и ширина
CSS Учебник: CSS Бокс модель
CSS Справочник: Свойство width
HTML DOM Справочник: Свойство height
