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:

html<p>
  some long text
</p>

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

Результат: