Erişilebilir Yol
En iyi bahsiniz, Ethan'ın 5 dakikalık videosunu izlemek ve ardından şuna başvurmaktır:
Tarayıcılar arası yol (ekstra işaretleme)
Paragrafın ilk karakterini bir yayılma alanına sarın, ardından aralığı CSS ve stil ile hedefleyin.
L orem ipsum dolor sit amet, consectetur adipiscing elit.
.firstcharacter ( color: #903; float: left; font-family: Georgia; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; )CSS3 yolu (ekstra işaretleme yok)
Sözde sınıf seçicileri kullanarak ilk paragrafın ilk karakterini hedefleyin. Ekstra işaretleme gerekmez, ancak IE <9 desteği yoktur.
Just a normal sentence.
p:first-child:first-letter ( color: #903; float: left; font-family: Georgia; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; )initial-letteryol
Tarayıcı desteği initial-letter, bu yazının yazıldığı sırada oldukça seyrektir, ancak bunu kendi başınıza yapmak yerine, düşme başlıklı harfin kaplaması gereken satır sayısını ve yazı tipi boyutunu hesaplamak için kullanılabilir.
p:first-child:first-letter ( color: #903; font-family: Georgia; initial-letter: 2; )Tarayıcı Desteği
Bu tarayıcı destek verileri, daha fazla ayrıntıya sahip olan Caniuse'den alınmıştır. Bir sayı, tarayıcının özelliği o sürümde ve sonrasında desteklediğini gösterir.
Masaüstü Bilgisayar
| Krom | Firefox | IE | Kenar | Safari |
|---|---|---|---|---|
| Hayır | Hayır | Hayır | Hayır | TP * |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| Hayır | Hayır | Hayır | 14.0-14.4 * |