Maksud line-height tanpa unit dalam CSS

Nilai bagi sifat line-height tidak semestinya nombor dalam sesuatu unit. Anda juga boleh hanya menulis nombor atau pecahan. Dalam kes ini, nilai sebenar line-height boleh didapati dengan mendarabkannya dengan nilai font-size.

Sebagai contoh, font-size ialah 10px, dan line-height ialah 1.5. Dalam kes ini, nilai sebenar line-height ialah 10px * 1.5 = 15px. Nah, dan ruang putih yang kelihatan antara baris teks akan menjadi 5px: 15px - 10px = 5px.

Kelebihan cara menetapkan line-height ini ialah apabila saiz fon berubah, jarak antara baris juga akan berubah secara automatik.

Mari kita lihat penerangan di atas melalui contoh:

<p>
	some long text
</p>

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

Katakan saiz fon untuk perenggan ialah 30px. Tetapkan sifat line-height supaya ruang putih yang kelihatan antara perenggan ialah 15px. Gunakan nilai line-height tanpa unit untuk ini.