CSS'de line-height Özelliği
CSS1
Yazı tipinin ne kadar kalın ya da ince görüneceği belirlenir. Belli başlı değerleri olmakla birlikte, font'ların tanımlanma şekline göre, 100, 300, 400, 500, 600, 700, 800, 900 gibi değerler kullanılır. 100 genelde en ince tip için belirlenir, 400 normal boyut olanıdır, 900 ise en kalınıdır.
Yapısı (Syntax)line-height: normal | sayı | uzunluk | yüzde | initial | inherit;
| Varsayılan Değer | normal |
| JavaScript Yapısı |
object.style.fontWeight="bold"
|
| Animasyon Özellikleri Uygulanabilir | Evet (Daha fazla detay) |
Değerler
| Değer | Açıklama | Versiyon |
|---|---|---|
| normal | Varsayılan satır yüksekliğidir. | CSS1 |
| sayı |
Mevcut yazı boyutu belirlenen değer ile çarpılır. Örneğin line-height: 2; ve font-size: 14px; ise 14 * 2 yani 24px olarak belirlenecektir. |
CSS1 |
| uzunluk | Sabit bir satır yüksekliği verilir. Örn. px, pt, cm vb. | CSS1 |
| yüzde | Mevcut yazı boyutunun yüzdesi olarak satır yüksekliğini ayarlar. Örneğin 1 buçuk kat satır yüksekliği için %150 değeri yazılır. | CSS1 |
| initial | Varsayılan değerine geri döndürür. Yani "normal" değerine döner. | CSS1 |
| inherit | Değerini üst öğesinden miras alır. | CSS1 |
Örnekler
Mesela bir sayı olarak belirlemek istersek;
p {
line-height: 3; /* 3 * yazı boyutu büyüklüğü */
}Ya da sabit bir satır yüksekliği ayarlamak istersek;
textarea {
line-height: 20px;
}Ya da yazı boyutuna göre yüzdelik bir satır yüksekliği için;
div {
line-height:150%; // yazı boyutunun %50 daha büyüğü
}