Giriş yap

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

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üğü
}

tayfunerbilen
128 gün önce eklendi.
Github'da Düzenle
Önemli Başlıklar