Dostopna pot
Najbolje je, da si ogledate Etanov 5-minutni video in se sklicujete na to:
Način med brskalniki (dodaten markup)
Preprosto zavijte prvi znak odstavka v razpon, nato pa razpon ciljajte s CSS in slogom stran.
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; )Način CSS3 (brez dodatnih oznak)
Ciljajte na prvi znak prvega odstavka s pomočjo izbirnikov psevdo razreda. Dodatne oznake niso potrebne, vendar ni podpore IE <9.
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-letternačin
Podpora za brskalnik initial-letterje v času pisanja precej redka, vendar se lahko uporablja za izračun števila vrstic, ki naj bi jih zasedla spuščena črka, in velikosti pisave, namesto da bi to storili sami.
p:first-child:first-letter ( color: #903; font-family: Georgia; initial-letter: 2; )Podpora za brskalnik
Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.
Namizje
| Chrome | Firefox | IE | Rob | Safari |
|---|---|---|---|---|
| Ne | Ne | Ne | Ne | TP * |
Mobilni / tablični računalnik
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| Ne | Ne | Ne | 14,0-14,4 * |