---

offline version v3
Запись на курсы по HTML, CSS, JavaScript, PHP, фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
⊗mkPmCLLHWU 40 of 249 menu
Верстка JavaScript PHP TypeScript NodeJS Python Java C++ Rust SQL Vue React Angular jQuery Laravel Git Webpack Gulp Terminal Internet Глоссарий Сленг Соц. сети
Значение line-height без единиц в CSS
Значением свойства line-height не обязательно должно служить число в некоторых единицах. Можно также просто написать число или дробь. В этом случае настоящее значение line-height можно будет найти, умножив его на значение font-size.

К примеру, font-size равен 10px, а line-height - 1.5. В этом случае реальное значение line-height будет 10px * 1.5 = 15px. Ну, а видимый белый промежуток между линиями текста будет 5px: 15px - 10px = 5px.

Преимущество такого способа задания line-height в том, что при изменении размера шрифта автоматически будет меняться и межстрочный интервал.

Посмотрим применение описанного на примере:

<p>
	long text...
</p>
p {
	font-size: 20px;
	line-height: 1.5;
	text-align: justify;
	width: 400px;
}
Результат выполнения кода:


№1⊗jsPmSMMA

Пусть размер шрифта для абзацев равен 30px. Установите свойство line-height так, чтобы видимый белый промежуток между абзацами был равен 15px. Используйте для этого значение line-height без единиц.

←→
Трепачёв Дмитрий © 2012-2024
t.me/trepachev_dmitry
↑



мне кажется это неверно

p {
    font-size: 30px;
    line-height: 0.5;
}