Pieejamais ceļš
Vislabāk ir noskatīties Ītana 5 minūšu video un pēc tam atsaukties uz šo:
Pārlūkprogrammas veids (papildu marķējums)
Vienkārši iesaiņojiet rindkopas pirmo rakstzīmi laidumā, pēc tam atlasiet diapazonu ar CSS un stilu.
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 veids (bez papildu iezīmēšanas)
Izmantojot pseidoklases atlasītājus, atlasiet pirmās rindkopas pirmo rakstzīmi. Nav nepieciešama papildu iezīmēšana, bet nav IE <9 atbalsta.
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-letter
veids


Pārlūkprogrammas atbalsts initial-letter
rakstīšanas laikā ir diezgan mazs, taču to var izmantot, lai aprēķinātu to rindu skaitu, kurām vajadzētu aizņemt pilienu ar ierobežotu burtu, un fonta lielumu, nevis to darīt pats.
p:first-child:first-letter ( color: #903; font-family: Georgia; initial-letter: 2; )
Pārlūka atbalsts
Šie pārlūka atbalsta dati ir no Caniuse, kurai ir sīkāka informācija. Cipars norāda, ka pārlūks atbalsta šo un jaunākās versijas funkciju.
Darbvirsma
Chrome | Firefox | IE | Mala | Safari |
---|---|---|---|---|
Nē | Nē | Nē | Nē | TP * |
Mobilais / planšetdators
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
Nē | Nē | Nē | 14,0–14,4 * |