Опубликован: 31.10.2006 | Уровень: для всех | Доступ: платный
Лекция 10:

Размеры элементов в CSS

< Лекция 9 || Лекция 10: 1234 || Лекция 11 >
Аннотация: Рассматриваются параметры размеров элементов и параметры интервалов между элементами.
Ключевые слова: css, crosshair, CSS1

Данные параметры CSS позволяют управлять высотой и шириной элемента, увеличением интервала между двумя строками.

Пример:

В примере показано, как увеличить интервал между строками. 

<html>
<head>
</head>

<body>
<div>
Стандартный интервал между строками.<br> 
Стандартный интервал между строками. 
</div>
<br>

<div style="line-height: 0.4cm">
Уменьшенный интервал между строками.<br> 
Уменьшенный интервал между строками. 
</div>
<br>

<div style="line-height: 0.9cm">
Увеличенный интервал между строками.<br> 
Увеличенный интервал между строками. 
</div>

</body>
</html>

Параметры размеров элементов CSS

Данные параметры позволяют управлять высотой и шириной элемента, а также изменить межстрочный интервал.

Данные свойства поддерживаются следующими браузерами (в скобках сокращенный вариант, который применяется далее в таблицах параметров и значений): Internet Explorer (IE), Firefox (F), Netscape(N).

Параметр Описание Значения IE F N W3C
height Задает высоту элемента auto 4 1 6 1*
length
%
line-height Задает интервал между строками normal 4 1 4 1
number
length
%
max-height Задает максимальную высоту элемента none - 1 6 2
length
%
max-width Задает максимальную ширину элемента none - 1 5 2
length
%
min-height Задает минимальную высоту элемента length - 1 6 2
%
min-width Задает минимальную ширину элемента length - 1 6 2
%
width Задает ширину элемента auto 4 1 4 1
%
length

(* здесь и далее число в столбце "W3C" указывает в какой спецификации CSS определен параметр (CSS1 или CSS2)).

Размеры элементов в 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 Задает фиксированный интервал между строками
% Задает интервал между строками в % от размера текущего шрифта
< Лекция 9 || Лекция 10: 1234 || Лекция 11 >
Илья Ардов
Илья Ардов

Добрый день!

Я записан на программу. Куда высылать договор и диплом?

Елена Сапегова
Елена Сапегова

После прохождения теоретической части пришло письмо об окончании теоретической части курса, будет ли практическая часть?

Елена Елаева
Елена Елаева
Россия
Владимир Лагодный
Владимир Лагодный
Россия