height
Краткое описание свойства height
Устанавливает высоту обьекта.
Ограничения height
height для IE/Opera
Если высота содержимого обьекта будет превышать значение height, то браузер автоматически подстроят высоту обьекта по высоте содержимого.
height для FireFox
Если высота содержимого обьекта будет превышать значение height, то высота обьекта останется не изменной, а содержимое будет отображатся поверх обьекта.
height - позволяет задать высоту блочных или заменяемых обьектов (img). В высоту обьекта не включается толщина полей и отступы.
Синтаксис:
p {height:значение | проценты | auto;}
Описание аргументов:
значение - в качестве значения высоты используется любые единицы длины пиксели (px), дюймы (in), пункты (pt).
проценты - устанавливает процентное отношение высоты обьекта по отношению к родительскому контейнеру.
auto - устанавливает высоту обьекта равной высоте содержимого этого обьекта.
Значение по умолчанию
auto Обьектная модель:
[window.]document.getElementById("elementID").style.height Пример использования атрибута height: Листинг style.css:
.block{height:30px; width:200px; border:1px solid #FF0000;}
Листинг index.html: <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=
"http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=
"Content-Type" content="text/html; charset=windows-1251" />
<title>
Параметр height</title>
</head>
<body>
<div class=
"block">
Error sit voluptatem assusantium doloremque
laudantium, totam rem aperiam eaque ipsa quae
ab illo inventore </div>
</body>
</html>
Результат: Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore
*чтоб увидеть как работает
height в различных браузерах, просто откройте эту страницу в IE и FireFox.
Добавить комментарий
