Interested Article - Line-height

Документация

{{ line-height }} реализует функциональность CSS -свойства line-height , которое устанавливает межстрочный интервал ( интерлиньяж ) — расстояние между строками текста, исходя из типа и вида шрифта, его размеров и настроек операционной системы . Межстрочный интервал измеряется от нижней части нижнего выносного элемента на верхней строке до верхнего (самая высокая часть) выносного элемента на нижней строке. В качестве значений принимаются любые единицы длины: пиксели ( px ), дюймы ( in ), пункты ( pt ), разрешается использовать процентную запись, в этом случае за 100% берется высота шрифта. Отрицательное значение межстрочного расстояния не допускается.

Формат: {{line-height|normal|Текст}}

Численно размер межстрочного интервала равен разнице между высотой строки и размером шрифта ( font-size ). По умолчанию браузеры устанавливают межстрочный интервал в размере 120–125% от размера текущего шрифта. Увеличение межстрочного интервала c помощью {{ line-height }} может улучшить читабельность текста. Например строки, набранные моноширинным шрифтом , не выглядят сплошными и для улучшения их внешнего вида приходится увеличивать межстрочный интервал. Значение интерлиньяжа можно указать непосредственно в {{ font }} :

{{font|100% serif|...}} {{font|100%/22pt serif|...}}
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

См. также

Примечания

Источник —

Same as Line-height