CSS'de line-height Nedir?

Line-height, CSS'de metnin satır yüksekliğini belirleyen bir özelliktir. Bir metin bloğunun içindeki her satırın arasındaki dikey uzaklık, belirlenen line-height değeriyle çarpılarak hesaplanır.
Line-height değeri, genellikle piksel veya em birimiyle belirtilir ve bir sayı veya yüzde değeri olabilir. Sayı olarak belirtilen line-height değerleri, yazı tipinin boyutuna göre hesaplanır. Örneğin, bir yazı tipinin boyutu 16 pikselse, line-height değeri 1.5 olarak belirtilirse satır yüksekliği 24 piksel olacaktır.
Örnek kodlar:
```css
p {
font-size: 16px;
line-height: 1.5;
}
```
Yukarıdaki örnek, bir paragraf bloğunun font boyutunu 16 piksel olarak belirler ve line-height değerini 1.5 olarak belirterek satır yüksekliğini 24 piksel olarak ayarlar. Bu özellik, metnin daha okunaklı ve kolay okunabilir olmasını sağlar.
```css
h1 {
font-size: 36px;
line-height: 120%;
}
```
Bu örnek, başlık bloğunun font boyutunu 36 piksel olarak belirler ve line-height değerini yüzde cinsinden belirterek satır yüksekliğini yazı tipinin boyutuna bağlı olarak ayarlar. Yüzde cinsinden line-height kullanımı, responsive tasarımlarda avantaj sağlar.
```css
.article {
font-size: 18px;
line-height: 1.2;
}
.article h2 {
font-size: 24px;
line-height: 1.5;
}
```
Bu örnek, bir makale bloğunun font boyutunu 18 piksel ve line-height değerini 1.2 olarak belirler. Ardından, başlık bloğu h2 için farklı bir font boyutu ve line-height değeri belirtilir. Bu yöntem, farklı bloklar için farklı satır yükseklikleri belirlemek için kullanabilirsiniz.
Line-height özelliği, okunabilirlik ve kullanılabilirlik açısından önemli bir faktör olduğu için ciddiye alınması gerekir.