Значение line-height без единиц в CSS
Значением свойства line-height не
обязательно должно служить число в некоторых
единицах. Можно также просто написать число
или дробь. В этом случае настоящее значение
line-height можно будет найти, умножив
его на значение font-size.
К примеру, font-size равен 10px,
а line-height - 1.5. В этом
случае реальное значение line-height
будет 10px * 1.5 = 15px5px: 15px - 10px
= 5px
Преимущество такого способа задания line-height
в том, что при изменении размера шрифта автоматически
будет меняться и межстрочный интервал.
Посмотрим применение описанного на примере:
<p>
long text...
</p>
p {
font-size: 20px;
line-height: 1.5;
text-align: justify;
width: 400px;
}
:
Пусть размер шрифта для абзацев равен 30px.
Установите свойство line-height так,
чтобы видимый белый промежуток между абзацами
был равен 15px. Используйте для этого
значение line-height без единиц.