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