Приступачан начин
Најбоље је да погледате Итанов петоминутни видео, а затим се позовете на ово:
Начин унакрсног прегледача (додатни маркуп)
Само умотајте први знак пасуса у распон, а затим га циљајте помоћу ЦСС-а и стила.
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; )Начин ЦСС3 (без додатних ознака)
Циљајте први знак првог пасуса помоћу бирача псеудо класе. Нису потребне додатне ознаке, али ни подршка за ИЕ <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-letterначин
Подршка прегледача за initial-letterприлично је оскудна у време писања овог текста, али се може користити за израчунавање броја редова које би требало да заузима спуштено слово и величине фонта, уместо да то радите сами.
p:first-child:first-letter ( color: #903; font-family: Georgia; initial-letter: 2; )Подршка прегледача
Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.
Десктоп
| Хром | Фирефок | ИЕ | Ивица | Сафари |
|---|---|---|---|---|
| Не | Не | Не | Не | ТП * |
Мобиле / Таблет
| Андроид Цхроме | Андроид Фирефок | Андроид | иОС Сафари |
|---|---|---|---|
| Не | Не | Не | 14,0-14,4 * |