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