line-height CSS

Свойство line-height для блочных элементов определяет минимальную высоту строки текста.

Для внедряемых строчных элементов (вроде <img>) свойство line-height не оказывает никакого эффекта.

Для остальных строчных элементов line-height задаёт высоту, которая используется для расчёта высоты строки блока.

Свойство **`line-height`** для блочных элементов определяет минимальную высоту строки текста. Для внедряемых строчных элементов (вроде [`<img>`](/html/img/)) свойство `line-height` не оказывает никакого эффекта. Для остальных строчных элементов `line-height` задаёт высоту, которая используется для расчёта высоты строки блока.
Значение по умолчанию:

normal

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

Ко всем элементам

Применяется:
Ко всем элементам
Анимируется:
Да
Объект JavaScript:

object.style.lineHeight

Объект JavaScript:
`object.style.lineHeight`
Спецификации:
Спецификации:
* [CSS Level 2 (Revision 1)](http://www.w3.org/TR/CSS2/visudet.html#propdef-line-height) * [CSS Level 1](http://www.w3.org/TR/CSS1/#line-height)

Синтаксис

/* Keyword value */
line-height: normal;

/* Unitless values: use this number multiplied
by the element's font size */
line-height: 3.5;

/* <length> values */
line-height: 3em;

/* <percentage> values */
line-height: 34%;

/* Global values */
line-height: inherit;
line-height: initial;
line-height: unset;

Синтаксис

/* Keyword value */ line-height: normal; /* Unitless values: use this number multiplied by the element's font size */ line-height: 3.5; /* <length> values */ line-height: 3em; /* <percentage> values */ line-height: 34%; /* Global values */ line-height: inherit; line-height: initial; line-height: unset;

Значения

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

  • 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>

Примеры

<!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>

Содержание

  • Синтаксис
      /* Keyword value */ line-height: normal; /* Unitless values: use this number multiplied by the element's font size */ line-height: 3.5; /* <length> values */ line-height: 3em; /* <percentage> values */ line-height: 34%; /* Global values */ line-height: inherit; line-height: initial; line-height: unset;
  • Значения
    • Примеры
        <!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>

    В начало