Juurdepääsetav viis
Parim variant on vaadata Ethani 5-minutilist videot ja viidata sellele:
Brauseriülene viis (täiendav märgistus)
Lihtsalt keerake lõigu esimene märk tähemärki, seejärel suunake vahemik CSS-iga ja stiilige ära.
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 viis (ilma täiendava märgistuseta)
Sihtige pseudoklassi valijatega esimese lõigu esimene märk. Lisamärgistust pole vaja, kuid IE <9 tuge pole.
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-letterviis
Selle brauseri tugi initial-letteron selle kirjutamise ajal üsna hõre, kuid seda saab kasutada selle asemel, et arvutada ridade arv, mille langetav täht peaks hõivama, ja fondi suurus, selle asemel et seda ise teha.
p:first-child:first-letter ( color: #903; font-family: Georgia; initial-letter: 2; )Brauseri tugi
Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.
Töölaud
| Chrome | Firefox | IE | Edge | Safari |
|---|---|---|---|---|
| Ei | Ei | Ei | Ei | TP * |
Mobiil / tahvelarvuti
| Android Chrome | Android Firefox | Android | iOS-i Safari |
|---|---|---|---|
| Ei | Ei | Ei | 14,0–14,4 * |