Prieinamas kelias
Geriausia žiūrėti 5 minučių trukmės Ethano vaizdo įrašą ir nurodyti tai:
Kelių naršyklių būdas (papildomas žymėjimas)
Tiesiog suvyniokite pirmąjį pastraipos simbolį į sritį, tada nukreipkite sritį naudodami CSS ir stilių.
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 būdas (be papildomo žymėjimo)
Taikykite pirmosios pastraipos pirmąjį simbolį naudodami pseudo klasės selektorius. Nereikia jokių papildomų žymėjimų, bet nėra IE <9 palaikymo.
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-letterbūdas
initial-letterRašymo metu naršyklės palaikymas yra gana retas, tačiau jis gali būti naudojamas apskaičiuojant eilučių, kurias turėtų užimti iškritusi raidė, skaičių ir šrifto dydį, užuot tai darius savarankiškai.
p:first-child:first-letter ( color: #903; font-family: Georgia; initial-letter: 2; )Naršyklės palaikymas
Šie naršyklės palaikymo duomenys yra iš „Caniuse“, kuri turi daugiau informacijos. Skaičius rodo, kad naršyklė palaiko šios ir naujesnės versijos funkciją.
Darbalaukis
| „Chrome“ | „Firefox“ | T.Y | Briauna | „Safari“ |
|---|---|---|---|---|
| Ne | Ne | Ne | Ne | TP * |
Mobilusis / planšetinis kompiuteris
| „Android Chrome“ | „Android Firefox“ | „Android“ | „iOS Safari“ |
|---|---|---|---|
| Ne | Ne | Ne | 14,0–14,4 * |