line-height css

Устанавливает межстрочное растояние.

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

Стили css - cssmake.ru

line-height

Описание аргументов:

Значение по умолчанию

Обьектная модель:

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

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