Высота элемента: height

height

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 4.0 7.0 1.0
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 1.0 1.0 6.0 6.0 1.0
Свойство
height — это свойство задает высоту блочного элемента
Описание
Свойство позволяет установить нужную высоту блочного элемента. Каждый элемент на странице представляет собой блок, этот блок имеет несколько составляющих — поля, границы, отступы и непосредственно сам контент:

Поля — margin

Границы — border

Отступы — padding

Контент

Каждая составляющая блока имеет четыре стороны, эти стороны имеют следующие названия:

width

Высота рассчитывается следующим образом:

таким образом если элементу присвоить следующее правило:

то высота будет равняться:

Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
К блочным элементам и замещаемым встроенным элементам (к таким элементам относятся, например, изображения)
Может принимать значения
значение в абсолютных единицах | значение в относительных единицах | auto | inherit
Значение по умолчанию
auto
Правила записи
свойство: значение;
Примеры

<p>

Высота этого абзаца 200 пикселей + ширина границ

</p>

<p>

Высота этого абзаца 6em + ширина границ

</p>

<div>

<p>Высота этого контейнера 50% от родительского элемента, в данном случае родительским элементом является контейнер div</p>

</div>

<div>

Высота этого контейнера auto, это значит что высота рассчитается автоматически

</div>

<p>

Это значит что свойство унаследует значение от родителя

</p>

Поделиться