:: első betű - CSS-trükkök

::first-letteregy pszeudo elem, amely lehetővé teszi az elem első betűjének stílusát anélkül, hogy az első betű köré kellene címkét ragasztania a HTML-ben. Bár a DOM-hoz nincsenek hozzáadva címkék, az olyan, mintha a megcélzott első betűt egy címke tartalmazná. Az első betűt úgy formázhatja, mint egy igazi elemet:

p::first-letter ( font-weight: bold; color: red; )


The first letter is bold and red

Az eredmény olyan, mintha egy faux elem lenne az első betű körül:


The first letter is bold and red.

Az első betű félkövér és piros

Az ál elem csak akkor működik, ha a szülő elem egy blokk konténer doboz (más szóval, nem működik az display: inline;elemek első betűjénél.)
Ha van egy ::first-letterés ::first-lineegy eleme, akkor az első betű öröklődik az első sor stílusaiból, de a stílusok ::first-letterütközéskor felülírják.
Ha ezzel generál tartalmat ::before, akkor az első betű vagy írásjel lesz a cél, függetlenül attól, hogy az az eredeti szöveges csomópont része, vagy pedig generált tartalommal lett létrehozva.

Több információ

Csepegtetős sapkákhoz használva használja együtt, p:first-of-typehogy ne minden első betű legyen stílusos
Példa tollra - létrehozott tartalommal
W3C Wiki
W3C CSS3 szelektorok modul

Böngésző támogatás

Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.