Nilai line-height tanpa unit dalam CSS

Nilai dari properti line-height tidak harus berupa angka dengan unit tertentu. Anda juga bisa hanya menulis angka atau pecahan. Dalam hal ini, nilai sebenarnya dari line-height dapat ditemukan dengan mengalikan angka tersebut dengan nilai font-size.

Misalnya, font-size adalah 10px, dan line-height adalah 1.5. Dalam kasus ini, nilai sebenarnya dari line-height akan menjadi 10px * 1.5 = 15px. Nah, jarak putih yang terlihat antara baris teks akan menjadi 5px: 15px - 10px = 5px.

Keuntungan dari cara menetapkan line-height seperti ini adalah bahwa ketika ukuran font berubah, jarak antar baris juga akan berubah secara otomatis.

Mari kita lihat penerapannya pada contoh:

<p>
	some long text
</p>

p {
	font-size: 20px;
	line-height: 1.5;
	text-align: justify;
	width: 400px;
}

Misalkan ukuran font untuk paragraf adalah 30px. Atur properti line-height sehingga jarak putih yang terlihat antara paragraf menjadi 15px. Gunakan nilai line-height tanpa unit untuk ini.