CSS initial-letter özelliği

Tanım ve kullanım

initial-letter Özellik, baş harfin boyutunu belirtir ve isteğe bağlı olarak baş harfin (metinde aşağıya) indirgenecek satır sayısını belirtir.

Bu özellik, aşağıdaki özelliklere uygundur :first-letter Simsar elementler ve blok konteynerlerinin ilk satır içi alt öğesi.

Örnek

Farklı boyutlardaki baş harfleri gösterme:

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* Baş harf 2 satır alır */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* Baş harf 4 satır alır */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* Baş harf 4 satır alır ve 2 satır indirgenir */
}

Kişisel olarak deneyin

CSS dilbilgisi

initial-letter: normal|number|integer;

Özellik değeri

Değer Açıklama
normal Varsayılan değer. Etki yoktur. Metin normal bir şekilde görüntülenir.
number Baş harflerin boyutunu ayarlar (baş harflerin aşması gereken satır sayısı).
integer Seçmeli. Baş harflerin (metinde) indirgenecek satır sayısını ayarlar.

Teknik ayrıntılar

Varsayılan değer: normal
Kalıtım: Hayır
Animasyon yapımı: Desteklenmiyor. bkz.:Animasyonla ilgili özellikler.
Sürüm: CSS3

Tarayıcı desteği

Tablodaki numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Dijital numaraların ardından gelen -webkit- öneki, önceden desteklenen ilk çalışma sürümünü belirtir.

Chrome Edge Firefox Safari Opera
110.0 110.0 Desteklenmiyor 9.0 -webkit- 96.0