Pseudo-elemento ::first-letter CSS

Definizione e uso

CSS ::first-letter I pseudo-elementi vengono usati per impostare lo stile della prima lettera degli elementi bloccanti.

Attenzione:Le seguenti proprietà possono essere usate con ::first-letter Utilizzo congiunto:

  • Tutte le proprietà dei caratteri
  • Tutte le proprietà di sfondo
  • Tutte le proprietà della spaziatura esterna
  • Tutte le proprietà della spaziatura interna
  • Tutte le proprietà dei bordi
  • color
  • text-decoration
  • text-shadow
  • letter-spacing
  • word-spacing
  • text-transform
  • text-decoration-color
  • text-decoration-line
  • text-decoration-style
  • box-shadow
  • vertical-align (solo quando float è none)
  • line-height
  • float

Esempio

Seleziona e imposta lo stile della prima lettera di ogni elemento <p>:

p::first-letter {
  font-size: 200%;
  font-weight: bold;
  color: #8A2BE2;
}

Prova tu stesso

Sintassi CSS

::first-letter {
  declarazioni css;
}

Dettagli tecnici

Versione: CSS1

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questo pseudo-elemento.

Chrome Edge Firefox Safari Opera
1.0 9.0 1.0 1.0 7.0

Pagine correlate

Tutorial:pseudo-elemento CSS