Jarak Baris dalam CSS

Mari kita belajar cara menetapkan jarak baris kepada teks. Jarak baris merujuk kepada jarak antara baris teks, iaitu ruang putih di antaranya. Untuk ini, terdapat sifat line-height, yang menetapkan ketinggian baris teks.

Apabila menggunakan sifat line-height, anda mungkin menghadapi sedikit kekeliruan: sifat ini bukan menetapkan ruang antara baris teks, seperti yang mungkin disangka, tetapi menetapkan ketinggian baris teks.

Ini bermakna ruang nyata yang kelihatan antara baris akan dikira seperti berikut: line-height - font-size = jarak kelihatan antara baris teks.

Dalam contoh berikut, jarak antara baris teks akan menjadi 50px - 20px = 30px:

<p>
	some long text
</p>

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

Katakan saiz fon untuk perenggan ialah 30px. Tetapkan sifat line-height supaya ruang putih kelihatan antara perenggan menjadi 15px.