CSS'de Birimsiz line-height Değeri

line-height özelliğinin değeri mutlaka bir birimle belirtilen bir sayı olmak zorunda değildir. Sadece bir sayı veya kesir de yazılabilir. Bu durumda, gerçek line-height değeri, bu sayının font-size değeri ile çarpılmasıyla bulunur.

Örneğin, font-size 10px ve line-height 1.5 ise. Bu durumda gerçek line-height değeri 10px * 1.5 = 15px olacaktır. Görünür beyaz boşluk ise 5px olacaktır: 15px - 10px = 5px.

line-height'ı bu şekilde belirlemenin avantajı, yazı tipi boyutu değiştiğinde satır aralığının da otomatik olarak değişmesidir.

Açıklananları bir örnekle inceleyelim:

html<p>
  some long text
</p>

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

Результат: