Свойство height устанавливает высоту области содержимого элемента.
Если содержимое превышает заданую высоту области содержимого, оно будет выходить за границу элемента. Для того, чтобы содержимое оставалось в пределах границ элемента, можно воспользоваться свойством или , в этом случае, если содержимое будет превышать заданую высоту, появится полоса прокрутки. Чтобы визуально увидеть, когда содержимое выходит за границу элемента, можно к примеру установить фон или рамку для элемента.
Общая высота элемента вычисляется по формуле: height + padding (верхний и нижний) + border (верхний и нижний). Например, если вы зададите: height: 500px, padding: 5px, border 1px, то общая высота элемента получится 512px.
Примечание: свойство height работает только с картинками и блочными элементами.
| Значение по умолчанию: |
auto |
| Наследуется: |
нет |
| Версия: |
CSS1 |
| Синтаксис JavaScript: |
object.style.height="50px" |
| Значение |
Описание |
| auto |
Браузер автоматически определяет высоту. |
| размер |
Определяет высоту в единицах измерения CSS. |
| % |
Высота указывается в процентах и высчитывается в зависимости от высоты родительского элемента. |
| inherit |
Указывает, что значение наследуется от родительского элемента. |
Пример
html
head
style
img.normal { height: auto; }
img.big { height: 120px; }
/style
/head
body
img class="normal" src="logocss.gif" width="95" height="84"br
img class="big" src="logocss.gif" width="95" height="84"
/body
/html