Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style height Property

<Style Object

пример

Установите высоту <button> элемента:

document.getElementById("myBtn").style.height = "50px";
Попробуй сам "

Определение и использование

Высота набор свойств или возвращает высоту элемента.

Свойство высоты влияет только на элементах уровня блока или на элементах с абсолютным или фиксированным положением. Переполняющее содержимое можно манипулировать с помощью свойства переполнения.

Совет: Используйте ширину свойства для установки или вернуть ширину элемента.

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Свойство Высота поддерживается во всех основных браузерах.

Синтаксис

Возвращает свойство высоты:

object .style.height

Установите свойство высоты:

object .style.height="auto| Значения свойств
Стоимость Описание
auto Браузер устанавливает высоту. Это по умолчанию
length Определяет высоту в единицах длины
% Определяет высоту в% от родительского элемента
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

Значение по умолчанию: авто
Возвращаемое значение: Строка, представляющая высоту элемента
CSS версия CSS1

Еще примеры

пример

Изменение высоты в <div> элемент:

document.getElementById("myDIV").style.height = "500px";
Попробуй сам "

пример

Измените высоту и ширину <img> элемента:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Попробуй сам "

пример

Возвращает высоту в <img> элемента:

alert(document.getElementById("myImg").style.height);
Попробуй сам "

Похожие страницы

Учебник CSS: CSS Размеры

CSS учебник: CSS Box модель

Ссылка CSS: height property

<Style Object