Шаблон:Line-height: различия между версиями

Материал из Википедии — свободной энциклопедии
Перейти к навигации Перейти к поиску
[отпатрулированная версия][отпатрулированная версия]
Содержимое удалено Содержимое добавлено
Новая страница: «<span style="Line-height:{{{1|normal}}}">{{{2|}}}</span><noinclude>{{doc}} L Категория:Шаблоны:Шри…»
 
по-моему, эта штука в Хроме работает теперь только с div'ами, семантика дескать
Строка 1: Строка 1:
<span style="Line-height:{{{1|normal}}}">{{{2|}}}</span><noinclude>{{doc}}
<div style="line-height:{{{1|normal}}}">{{{2|}}}</div><noinclude>{{doc}}
[[К:Шаблоны:CSS|L]]
[[К:Шаблоны:CSS|L]]
[[Категория:Шаблоны:Шрифты]]
[[Категория:Шаблоны:Шрифты]]

Версия от 01:23, 10 февраля 2016

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

{{line-height}} реализует функциональность CSS-свойства line-height, которое устанавливает межстрочный интервал (интерлиньяж) — расстояние между строками текста, исходя из типа и вида шрифта, его размеров и настроек операционной системы[1]. Межстрочный интервал измеряется от нижней части нижнего выносного элемента на верхней строке до верхнего (самая высокая часть) выносного элемента на нижней строке. В качестве значений принимаются любые единицы длины: пиксели (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.

См. также

Примечания