Jalan yang Boleh Diakses
Pertaruhan terbaik anda ialah menonton video 5 minit Ethan dan kemudian merujuknya:
Cara penyemak imbas silang (penanda tambahan)
Cukup bungkus watak pertama perenggan dalam rentang, kemudian targetkan rentang dengan CSS dan gaya jauh.
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; )Cara CSS3 (tanpa markup tambahan)
Sasarkan watak pertama perenggan pertama menggunakan pemilih kelas semu. Tidak memerlukan markup tambahan, tetapi tidak ada sokongan 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; )yang initial-lettercara
Sokongan penyemak imbas initial-lettercukup jarang pada masa penulisan ini, tetapi ia dapat digunakan untuk menghitung jumlah baris yang harus ditempati oleh huruf kecil dan ukuran fon dan bukannya melakukannya sendiri.
p:first-child:first-letter ( color: #903; font-family: Georgia; initial-letter: 2; )Sokongan Penyemak Imbas
Data sokongan penyemak imbas ini berasal dari Caniuse, yang mempunyai lebih terperinci. Nombor menunjukkan bahawa penyemak imbas menyokong ciri pada versi dan ke atas.
Desktop
| Chrome | Firefox | IE | Hujung | Safari |
|---|---|---|---|---|
| Tidak | Tidak | Tidak | Tidak | TP * |
Mudah Alih / Tablet
| Android Chrome | Android Firefox | Android | Safari iOS |
|---|---|---|---|
| Tidak | Tidak | Tidak | 14.0-14.4 * |