English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство height CSS определяет высоту области содержимого элемента. Область содержимого не включает заполнение, рамки или отступы. Подробнее см.Модель блока CSS.
В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также грамматика использования в скриптах JavaScript.
| Значение по умолчанию: | auto |
|---|---|
| Применяется к: | Кроме не заменяемых встроенных элементов, Все элементы за исключением строк и групп строк |
| Инheritance: | Нет |
| Анимация: | Да.Узнайте больше Свойства анимации. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | object.style.height="100px" |
Грамматика этого свойства такая:
height: length | percentage | auto | initial | inherit
Ниже приведен пример использования свойства height.
p {
height: 50px;
background-color: #f0e68c;
}Проверьте, ›/‹В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| length | Укажите высоту в px, pt, cm, em и других единицах измерения. Высота не может быть отрицательной. |
| percentage | Укажите высоту в процентах. Процентное значение высоты рассчитывается относительно высоты блока, содержащего элемент. Негативные значения процентов не допускаются. |
| auto | Браузер рассчитает высоту указанного элемента на основе значений других свойств. Это значение по умолчанию. |
| initial | Установите этот параметр в его значение по умолчанию. |
| inherit | Если свойство установлено, то связанный элемент использует значение свойства height родительского элемента. |
Совместимость браузеров для свойства height. Числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Узнайте больше о следующих темах в руководствах:Модель блока CSS,Размеры CSS.
Связанные свойства:max-height,min-height.