CSS'te Satır Aralığı

Şimdi metne satır aralığını nasıl vereceğimizi öğrenelim. Satır aralığı ile, metin satırları arasındaki mesafe, yani aralarındaki beyaz boşluk kastedilir. Bunun için line-height özelliği kullanılır, bu özellik metin satırının yüksekliğini belirler.

line-height özelliğini kullanırken sizi bir sürpriz bekliyor olabilir: bu özellik göründüğü gibi metin satırları arasına boşluk eklemez, metin satırının yüksekliğini belirler.

Bu, satırlar arasında görünen gerçek boşluğun şu şekilde hesaplanacağı anlamına gelir: line-height - font-size = metin satırları arasında görünen mesafe.

Aşağıdaki örnekte metin satırları arasındaki mesafe 50px - 20px = 30px olacaktır:

<p>
	some long text
</p>

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

Paragraflar için yazı boyutunun 30px olduğunu varsayalım. line-height özelliğini, paragraflar arasında görünen beyaz boşluğun 15px olacak şekilde ayarlayın.