line-height
Краткое описание свойства line-height
Устанавливает межстрочное растояние. line-height - устанавливает межстрочное растояние, отсчет которого ведется от базовой линии шрифта. Не допускается использование отрицательных значений.
Синтаксис:
p {line-height:normal | множитель | значение | проценты;}
Описание аргументов:
normal - Обычное межстрочное растояние, которое зависит от вида и размера шрифта.
множитель | значение - в качестве множителя используются любые единицы длины в css (
px, in, pt).
проценты - используется процентное соотношение межстрочного растояния к высоте шрифта, нужно помнить что
line-height:100%; равен высоте шрифта.
Значение по умолчанию
normal Обьектная модель:
[window.]document.getElementById("elementID").style.lineHeight Пример использования атрибута line-height: Листинг style.css:
.block{line-height:12px; color:#FF0000;}
.block_2{line-height:200%;}
Листинг 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" />
<link type=
"text/css" rel=
"stylesheet" href=
"style.css" />
<title>
Параметр line-height</title>
</head>
<body>
<div class=
"block">
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore </div>
<div class=
"block_2">
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
Error sit voluptatem assusantium doloremque
laudantium, totam rem aperiam eaque ipsa quae
ab illo inventore
Добавить комментарий
