CSS - text-shadow

Descrizione

La proprietà text-shadow specifica una o più ombre derivate dal testo di un elemento.

Possibili valori

  • none - Nessuna ombra deve essere associata all'elemento.

  • color- Qualsiasi valore di colore. Questo dà il colore dell'ombra.

  • length length length - Le distanze di offset e il raggio di sfocatura per l'ombra, nell'ordine offset x, offset y e raggio di sfocatura.

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.textShadow = "red";

Esempio

Di seguito è riportato l'esempio che mostra come impostare l'ombra attorno a un testo. Questo potrebbe non essere supportato da tutti i browser.

<html>
   <head>
   </head>

   <body>
      <p style = "text-shadow:4px 4px 8px blue;">
         If your browser supports the CSS text-shadow property, 
         this text will have a  blue shadow.
      </p>
   </body>
</html>

Questo produrrà il seguente risultato: