Az elérhető út
A legjobb megoldás az, ha megnézed Ethan 5 perces videóját, majd hivatkozunk erre:
A böngészők közötti út (extra jelölés)
Csak tekerje be a bekezdés első karakterét egy spanba, majd célozza meg a spanot CSS-sel és távolítsa el a stílusot.
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 mód (nincs külön jelölés)
Célozza meg az első bekezdés első karakterét ál osztályválasztókkal. Nincs szükség külön jelölésre, de nincs IE <9 támogatás.
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; )Az initial-letterutat
A böngésző támogatása initial-lettermeglehetősen ritka az írás idején, de felhasználható annak kiszámításához, hogy mekkora sorokat kell elfoglalnia a cseppentett betűnek, és a betűméretet ahelyett, hogy ezt önállóan tenne.
p:first-child:first-letter ( color: #903; font-family: Georgia; initial-letter: 2; )Böngésző támogatás
Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.
Asztal
| Króm | Firefox | AZAZ | Él | Szafari |
|---|---|---|---|---|
| Nem | Nem | Nem | Nem | TP * |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| Nem | Nem | Nem | 14,0–14,4 * |