Accueil    CSS    Propriété text-shadow
 



style css text-shadow  Style CSS text-shadow

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété text-shadow permet d'appliquer un effet d'ombre portée sur le texte de l'élément qu'elle décrit. Ses différentes composantes sont les suivantes :
   - blur : netteté / flou de l'ombre portée
   - color : couleur du texte de l'ombre portée
   - h-shadow : décalage horizontal du texte de l'ombre portée par rapport au texte d'origine
   - v-shadow : décalage vertical du texte de l'ombre portée par rapport au texte d'origine

Cette propriété n'est pas supportée par Internet Explorer.



Propriétés pour le style text-shadow :




Propriété Définition Valeurs CSS
text-shadow Applique un effet d'ombre portée sur le texte blur
color
h-shadow
v-shadow
CSS 3


Exemple d'utilisation du style css text-shadow :




Utilisation de différentes valeurs pour l'emploi de la propriété text-shadow :

<label style="text-shadow: blue 2px 2px;">exemple de texte</label>

<label style="text-shadow: red 6px 6px;">exemple de texte</label>

<label style="text-shadow: green 12px 12px;">exemple de texte</label>

<label style="font-size:18px; text-shadow: red 5px 5px 5px;">exemple de texte avec blur</label>

<label style="font-size:18px; text-shadow: grey 2px 10px 10px;">exemple de texte avec blur</label>