CSS line-height özelliği

tanım ve kullanım

line-height özelliği, satırlar arasındaki mesafeyi (satır yüksekliğini) ayarlar.

Açıklama:Negatif değerlerin kullanılması izin verilmez.

tanım

Bu özellik, satır çerçevesinin düzenini etkiler. Bir blok elemente uygulanırken, bu element içindeki temel çizgiler arasındaki en küçük mesafeyi tanımlar, değil en büyük mesafeyi.

line-height ile font-size hesaplanmış değeri arasındaki fark (CSS'te 'satır aralığı' olarak bilinir), ikiye bölünür ve her bir metin satırının üstüne ve altına eklenir. Bu içeriği içeren en küçük çerçeve, satır çerçevesidir.

Orijinal sayısal değer, bir ölçekleyici belirler, bu ölçekleyici, hesaplanmış değere değil, miras alınır.

Ayrıca bakınız:

CSS Eğitimleri:CSS metin

HTML DOM Referans Kılavuzu:lineHeight özelliği

örnek

Yüzdelikle satır yüksekliği ayarlama:

p.küçük {line-height:90%}
p.büyük {line-height:200%}

Kişisel olarak deneyin

（Daha fazla örnek sayfanın altında bulunabilir）

CSS dilbilgisi

line-height: normal|sayı|uzunluk|initial|inherit;

özellik değeri

değer tanım
normal varsayılan. Uygun satır aralığı ayarlama
sayı Sayıyı ayarlama, bu sayı mevcut yazı boyutuna çarpılarak satır aralığı belirlenir.
uzunluk Sabit satır aralığı ayarlama
% güncel yazı boyutuna dayalı yüzdelik satır aralığı.
inherit line-height özelliğinin değeri, ebeveyn elementten alınmalıdır.

teknik ayrıntılar

varsayılan değer: normal
miras: evet
Sürüm: CSS1
JavaScript dilbilgisi: nesne.style.lineHeight="2"

TIY Örneği

Yüzdelikle satır aralığını ayarlama
Bu örnek, bir yüzdelik değeri kullanarak paragraflardaki satır aralığını nasıl ayarladığını gösterir.
Piksel değeri kullanarak satır aralığını ayarlama
Bu örnek, bir piksel değeri kullanarak paragraflardaki satır aralığını nasıl ayarladığını gösterir.
Sayı kullanarak satır aralığını ayarlama
Bu örnek, bir sayıyı kullanarak paragraflardaki satır aralığını nasıl ayarladığını gösterir.

tarayıcı desteği

tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0