Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Позиционирование : height
Материал из Справочник Web-языков
Разработка и внедрение CRM-систем | |||||||
|
Содержание |
Атрибут 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
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms530765(VS.85).aspx