ago 30, 2011 - Appunti Sparsi, Varie    No Comments

CSS: :first-letter

Oggi mi sono imbattuto nella richiesta di avere la prima lettera di ogni paragrafo in corsivo, e così ho scoperto l’esistenza di “pseudo elementi” dei css, che permettono di definire l’aspetto della prima riga (:fist-line) del primo carattere (:first-letter).

Per modificare, ad esempio, la prima lettera di un paragrafo è sufficiente il seguente codice:


P { font-size: 12pt; line-height: 1.2 }
P:first-letter { font-size: 200%; font-style: italic; font-weight: bold; float: left }

Approfondimenti: http://www.w3.org/TR/CSS2/selector.html#first-letter

Got anything to say? Go ahead and leave a comment!