English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

Правила CSS (@RULES)

Полный список свойств CSS

Метод использования и примеры свойства line-height CSS

Свойство line-height CSSБлочныйВысота между строками текста в элементе (например, абзаце).

В таблице ниже приведено описание использования и истории версий этого свойства, а также синтаксис использования этого свойства в скриптах JavaScript.

Default:normal
Применяется к:Все элементы
Наследование:Это
Анимируемые:да.Пожалуйста, обратитесь к Атрибуты анимации.
Версия:CSS 1, 2, 3
Грамматика JavaScript:объект.style.lineHeight="2"

Грамматика использования line-height

Грамматика этого атрибута такая:

line-height: length | percentage | number | normal | initial | inherit

Ниже приведен пример того, как использовать атрибут line-height.

  p {
   line-height: 1.5;
  }
  div {
   line-height: 300%;
  }
Тестирование看看‹/›

Предупреждение:Проценты (%) и значения em могут привести к неожиданным результатам. В большинстве случаев, в случае наследования, использование числовых значений является предпочтительным способом установки, и не возникает неожиданных результатов. Узнайте оЕдиницы CSS:Дополнительная информация.

Значения атрибута

Таблица ниже описывает значения этого атрибута.

ЗначениеОписание
normalСтандартное значение для браузеров на компьютере составляет около 1.2, что зависит от элементаfont-family. Это значение по умолчанию.
numberЧисло, которое будет умножено на элементfont-sizeДля установки line-height.
lengthЕдиницы измерения: px, pt, cm, em и т.д. Не допускаются отрицательные значения для высоты строки.
percentageМетод использования процента аналогичен методу использования числового значения - вычисленное значение атрибута равно указанному проценту от значения элементаfont-size.
initialУстановить этот атрибут в его значение по умолчанию.
inherit

В случае наследования, если атрибут line-height использует числовое значение, то дочерний элемент наследует указанное значение, а не результат вычисления атрибута. Не допускаются отрицательные значения.

Если используется процентное значение, то дочерний элемент наследует вычисленное значение атрибута, а не указанное процентное значение. Также не допускаются отрицательные значения.

Совместимость браузеров

Совместимость браузеров с атрибутом line-height; числа в таблице представляют собой минимальную версию браузера, поддерживающего этот атрибут; все основные браузеры поддерживают этот атрибут.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

Дополнительное чтение

Пожалуйста, обратитесь к следующим руководствам:CSS Text.

Соответствующие атрибуты:font,font-size.