Размеры элементов в CSS: подробное рассмотрение

Параметр 'height'

Используется для задания высоты элемента.

Наследование: нет.

Пример:

p{height: 50px}

Может принимать следующие значения:

Значение	Описание
auto	Браузер вычисляет реальную высоту
length	Определяет высоту в px, см, и т.д.
%	Определяет высоту в % от объемлющего блока

Параметр 'line-height'

Используется для задания интервала между строками.

Наследование: Да.

Примечание: Отрицательные значения не допускаются.

Примеры:

div{ line-height: 2.1} div{ line-height: 10pt} div{ line-height: 120%}

Может принимать следующие значения:

Значение	Описание
normal	Задает приемлемый интервал между строками
number	Задает число, которое при умножении на размер текущего шрифта задает интервал между строками
length	Задает фиксированный интервал между строками
%	Задает интервал между строками в % от размера текущего шрифта

Параметр 'max-height'

Используется для задания максимальной высоты элемента.

Наследование: нет.

Пример:

div{max-height: 200%}

Может принимать следующие значения:

Значение	Описание
none	Отсутствие ограничений на максимальную высоту элемента
length	Определяет максимальную высоту элемента
%	Определяет максимальную высоту элемента в % от объемлющего блока

Параметр 'max-width'

Используется для задания максимальной ширины элемента.

Наследование: нет.

Пример:

h6{max-width: 75%}

Может принимать следующие значения:

Значение	Описание
none	Отсутствие ограничений на максимальную ширину элемента
length	Определяет максимальную ширину элемента
%	Определяет максимальную ширину элемента в % от объемлющего блока

Параметр 'min-height'

Используется для задания минимальной высоты элемента.

Наследование: нет.

Пример:

div{min-height: 20%}

Может принимать следующие значения:

Значение	Описание
length	Определяет минимальную высоту элемента
%	Определяет минимальную высоту элемента в % от объемлющего блока

Параметр 'min-width'

Используется для задания минимальной ширины элемента.

Наследование: нет.

Пример:

h6{min-width: 20%}

Может принимать следующие значения:

Значение	Описание
length	Определяет минимальную ширину элемента
%	Определяет минимальную ширину элемента в % от объемлющего блока

Параметр 'width'

Используется для задания ширины элемента.

Наследование: нет.

Пример:

hr{width: 20%}

Может принимать следующие значения:

Значение	Описание
auto	Браузер вычисляет реальную ширину
%	Определяет ширину в % от ширины родительского элемента
length	Определяет ширину в px, см, и т.д.