CSS height Свойство
Пример
Задайте высоту двух элементов <div>:
div.a {
height: auto;
border:
1px solid black;
}
div.b {
height: 50px;
border: 1px solid black;
}
Подробнее примеры ниже.
Определение и использование
Свойство height задает высоту элемента.
Высота элемента не включает отступы, границы или поля!
Если height: auto; элемент будет автоматически регулировать его высоту, чтобы его содержимое будет отображаться правильно.
Если для height задано числовое значение (например, пикселы, (r) EM, проценты), то если содержимое не умещается в пределах указанной высоты, оно будет переполнено. То, как контейнер будет обрабатывать переполненное содержимое, определяется свойством перелива.
Примечание: Свойства Минимальная высота и Максимальная высота переопределяют
height свойство.
| Значение по умолчанию: | auto |
|---|---|
| Inherited: | no |
| Animatable: | yes. Читайте о animatable |
| Version: | 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 | Определяет высоту в пикселах, см и т. д. читать о единицах длины | |
| % | Определяет высоту в процентах от содержащего блока | |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Другие примеры
Пример
Установите высоту элемента на 50% от высоты родительского элемента:
#parent {
height: 100px;
}
#child {
height: 50%;
}
Похожие страницы
CSS Справочник: CSS Height and Width
CSS Справочник: CSS Box model
CSS Справка: width Свойство
HTML DOM Справочник: height Свойство