Свойство height
Пример style.height
Установите свойство height для элемента <button>:
document.getElementById("myBtn").style.height = "50px";
Попробуйте сами »
Описание height
Свойство height устанавливает или возвращает высоту элемента.
Свойство height влияет только на элементы уровня блока или на элементы с абсолютным или фиксированным положением. Переполняющим содержимым можно управлять с помощью свойства overflow.
Совет: Используйте свойство width, чтобы задать или вернуть ширину элемента.
Поддержка height
| Свойство | |||||
|---|---|---|---|---|---|
| height | Да | Да | Да | Да | Да |
Синтаксис height
Вернуть свойство height:
object.style.height
Установите свойство height:
object.style.height = "auto|length|%|initial|inherit"
Значение свойства height
| Значение | Описание |
|---|---|
| auto | Браузер устанавливает высоту. Это значение по умолчанию. |
| length | Определяет высоту в единицах длины. |
| % | Определяет высоту в % от родительского элемента. |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали height
| Значение по умолчанию: | auto |
|---|---|
| Возвращаемое значение: | Строка, представляющая высоту элемента. |
| CSS Версия | CSS1 |
Ещё примеры height
Измените высоту элемента <div>:
document.getElementById("myDIV").style.height = "500px";
Попробуйте сами »
Измените высоту и ширину элемента <img>:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Попробуйте сами »
Вернуть свойство height <img> элемент:
alert(document.getElementById("myImg").style.height);
Попробуйте сами »
Связанные страницы height
CSS Учебник: CSS Измерение
CSS Учебник: CSS Бокс модель
CSS Справочник: Свойство height