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.

 

Добавить комментарий


Защитный код
Обновить


Последние комментарии

  • Чем отличаются margin-top от margin-bottom?
  • 5
  • Отличный сайт! :D