Шаблон:Line-height: различия между версиями
[отпатрулированная версия] | [отпатрулированная версия] |
Allamaso (обсуждение | вклад) ← Новая страница: «<span style="Line-height:{{{1|normal}}}">{{{2|}}}</span><noinclude>{{doc}} L Категория:Шаблоны:Шри…» |
по-моему, эта штука в Хроме работает теперь только с div'ами, семантика дескать |
||
Строка 1: | Строка 1: | ||
< |
<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. |
См. также
- {{↕}}
- {{font}}
- {{letter-spacing}}
- {{word-spacing}}