line-height

Содержание

Устанавливает интерлиньяж (межстрочный интервал) текста, отсчёт ведётся от базовой линии шрифта. При обычных обстоятельствах расстояние между строками зависит от вида и размера шрифта и определяется браузером автоматически. Отрицательное значение межстрочного расстояния не допускается.

Краткая информация

Значение по умолчаниюnormal
НаследуетсяДа
ПрименяетсяКо всем элементам

Синтаксис

line-height: <множитель> | <размер> | <проценты> | normal

Значения

Любое число больше нуля воспринимается как множитель от размера шрифта текущего текста. Например, значение 1.5 устанавливает полуторный межстрочный интервал. В качестве значений принимаются также любые единицы длины, принятые в CSS — пиксели (px), дюймы (in), пункты (pt) и др. Разрешается использовать процентную запись, в этом случае за 100% берётся высота шрифта.

normal
Расстояние между строк вычисляется автоматически.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>line-height</title>
  <style>
   h1 {
    line-height: 70%;
   } 
   p {
    line-height: 1.5;
   }
  </style>
 </head> 
 <body> 
  <h1>Нормальный постулат: алгебра или 
  наибольшее и наименьшее значения функции?</h1>
  <p>Эпсилон окрестность, исключая очевидный случай, 
  поддерживает комплексный интеграл по бесконечной области. </p> 
 </body>
</html>

Результат данного примера показан на рис. 1.

Применение свойства line-height

Рис. 1. Применение свойства line-height

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

Объект.style.lineHeight

Примечание

Internet Explorer до версии 7.0 неправильно вычисляет высоту строк для изображений и элементов форм.

Спецификация

СпецификацияСтатус
CSS TransitionsРабочий проект
CSS Level 2 (Revision 1)Рекомендация
CSS Level 1Рекомендация

Браузеры

Internet ExplorerChromeOperaSafariFirefox
41711
AndroidFirefox MobileOpera MobileSafari Mobile
1161




Рекомендую хостинг: beget.ru

Сервер падал:5 дн. 1:39 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru