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 = 15px5px 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:
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 1.5;
text-align: justify;
width: 400px;
}
:
Paragraflar için yazı tipi boyutunun 30px olduğunu varsayalım. Paragraflar arasındaki görünür beyaz boşluğun 15px olması için line-height özelliğini birimsiz bir değer kullanarak ayarlayın.
