CSS - ombre de texte

La description

La propriété text-shadow spécifie une ou plusieurs ombres dérivées du texte d'un élément.

Valeurs possibles

  • none - Aucune ombre ne doit être associée à l'élément.

  • color- Toute valeur de couleur. Cela donne la couleur de l'ombre.

  • length length length - Les distances de décalage et le rayon de flou de l'ombre, dans l'ordre décalage x, décalage y et rayon de flou.

S'applique à

Tous les éléments HTML.

Syntaxe DOM

object.style.textShadow = "red";

Exemple

Voici l'exemple qui montre comment définir l'ombre autour d'un texte. Cela peut ne pas être pris en charge par tous les navigateurs.

<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>

Cela produira le résultat suivant -