Ciao a tutti! 🙂

Oggi vorrei mostrarvi un selettore utile e carino, soprattutto se nella vostra pagina web è presente molto testo.

Si tratta del selettore ::first-letter

Questo selettore vi permetterĂ  di applicare lo stile css solamente alla prima lettera del testo, come mostrato nell’esempio sottostante.


1

Nel nostro esempio il selettore fa riferimento al paragrafo <p> e quindi scriveremo:

p::first-letter {
   dichiarazione css
}

Il selettore ::first-letter può essere usato con i seguenti attributi:

  • Font
  • Color
  • Background
  • Margin
  • Padding
  • Border
  • Text-decoration
  • Vertical-align (solo se l’attributo float ha come valore ‘none’)
  • Text-transform
  • Line-height
  • Float
  • Clear


1

 

 




Add Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.