Ombra del Testo CSS

Ombra del testo

text-shadow Proprietà per aggiungere un'ombra al testo.

L'uso più semplice è specificare solo l'ombra orizzontale (2px) e l'ombra verticale (2px):

Effetto d'ombra sul testo!

Esempio

h1 {
  text-shadow: 2px 2px;
}

Prova personalmente

Poi, aggiungi un colore all'ombra (rosso):

Effetto d'ombra sul testo!

Esempio

h1 {
  text-shadow: 2px 2px red;
}

Prova personalmente

Poi, aggiungi un effetto sfocato all'ombra (5px):

Effetto d'ombra sul testo!

Esempio

h1 {
  text-shadow: 2px 2px 5px red;
}

Prova personalmente

Suggerimento:Visita Font CSS Capitolo, impara come modificare il tipo di carattere, la dimensione del testo e lo stile del testo.

Suggerimento:Visita Effetto di Testo CSS Capitolo, impara come ottenere diversi effetti di testo.

Tutti gli attributi di testo CSS

Proprietà Descrizione
color Impostare il colore del testo.
direction Specificare la direzione/direzione di scrittura del testo.
letter-spacing Impostare lo spaziamento tra i caratteri.
line-height Impostare l'altezza delle righe.
text-align Specificare il modo in cui allineare orizzontalmente il testo.
text-decoration Specificare l'effetto decorativo da aggiungere al testo.
text-indent Specificare il rientro della riga iniziale del blocco di testo.
text-shadow Specificare l'effetto d'ombra da aggiungere al testo.
text-transform Controllare la capitalizzazione del testo.
text-overflow Specificare come indicare all'utente il contenuto overflow non visualizzato.
unicode-bidi Utilizzato insieme all'attributo direction per impostare o restituire se il testo deve essere riscritto per supportare più lingue nello stesso documento.
vertical-align Specificare il modo in cui allineare verticalmente il testo.
white-space Specificare come gestire gli spazi bianchi all'interno degli elementi.
word-spacing Impostare lo spazio tra le parole.