Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Позиционирование : height

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Атрибут height | Свойство height

Задает высоту объекта.

Синтаксис

HTML { height : sHeight }
Скрипты [ sHeight = ] object.style.height

Используемые значения

sHeight
Строка, которая может определять и принимать от одно из следующих значений:
auto
Значение по умолчанию.
height
Задается вещественным числом, выраженным в абсолютных (cm, mm, in, pt или pc) или относительных (em, ex или px) единицах измерения.
percentage
Числовое значение, выраженное в процентах (%). Процентное отношение высчитывается от высоты родительского объекта, причем этот объект должен быть точно детально описан (заданы параметры). Отрицательные значения не поддерживаются.

Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Значением по умолчанию является auto. Атрибут Каскадных таблиц стилей (CSS) не наследуется.

Замечания

Если определить свойство height для объекта img, не определив при этом width, то ширина рисунка высчитается автоматически с нужными пропорциями, чтобы не исказить изображение.

В Microsoft Internet Explorer 6.0, когда вы используете объявление !DOCTYPE для задания режима совместимости стандартов, свойство height задает высоту от верхнего до нижнего края контекстного блока, включая отступы padding.

Как правило, свойство height применяется для работы с изображениями или таблицами. В зависимости от браузера, если высота элемента меньше высоты его содержимого, то Opera и Internet Explorer проигнарируют значение height, а Firefox отобразит содержимое поверх элемента. Из-за этого может произойти эффект наложения, поэтому рекомендуется использовать свойство overflow со значением auto при описании элемента.

Для выполнения операций над числовыми значениями свойства можно использовать pixelHeight или posHeight.

Примеры

В первом примере используется атрибут height для задания высоты изображения равной 4 сантиметрам.

<img src="sphere.jpg" style="height: 4cm">

Во втором примере используется свойство height для изменения высоты изображения по событию onclick.

<button onclick="height1.style.height='1cm'">Shrink sphere</button>

Стандарты

Это свойство описано в Cascading Style Sheets (CSS), Level 1 (CSS1)

Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5, 9.6, 10.0

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0, 3.5

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms530765(VS.85).aspx

https://developer.mozilla.org/en/CSS/height

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования