/ Code Css text-shadow | Résultat du code Css text-shadow | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété CSS text-shadow.

<style type="text/css">
.text-shadow-nocolor{  : 0.5em 0.5em}
.text-shadow-red{  : 3px 3px 5px red }
.text-shadow-yellow{  : yellow 3px 3px 5px }
.text-shadow-contour{  : -1px 0 #000, 0 1px black, 1px 0 black, 0 -1px #000; font-weight:bold; color:yellow }
.text-shadow-volume{  : 1px 1px #fff, -1px -1px #444; color:#c8c8c8 }

.exemple { margin-bottom:10px }
</style>
.identifiant{ text-shadow : 0.5em 0.5em }
<div class="exemple text-shadow-nocolor">text-shadow text-shadow text-shadow </div>
.identifiant{ text-shadow : 3px 3px 5px red }
<div class="exemple text-shadow-red">text-shadow text-shadow text-shadow </div>
.identifiant{ text-shadow : yellow 3px 3px 5px }
<div class="exemple text-shadow-yellow">text-shadow text-shadow text-shadow </div>
.identifiant{ text-shadow : -1px 0 #000, 0 1px black, 1px 0 black, 0 -1px #000; }
<div class="exemple text-shadow-contour">text-shadow text-shadow text-shadow </div>
.identifiant{ text-shadow : 1px 1px #fff, -1px -1px #444 }
<div class="exemple text-shadow-volume">text-shadow text-shadow text-shadow </div>

Interprétation du code de la propriété text-shadow CSS par votre navigateur.

.identifiant{ text-shadow : 0.5em 0.5em }
text-shadow text-shadow text-shadow
.identifiant{ text-shadow : 3px 3px 5px red }
text-shadow text-shadow text-shadow
.identifiant{ text-shadow : yellow 3px 3px 5px }
text-shadow text-shadow text-shadow
.identifiant{ text-shadow : -1px 0 #000, 0 1px black, 1px 0 black, 0 -1px #000; }
text-shadow text-shadow text-shadow
.identifiant{ text-shadow : 1px 1px #fff, -1px -1px #444 }
text-shadow text-shadow text-shadow

Interprétation normale du code de la propriété CSS text-shadow (copie d'écran).

copie d'écran de l'affichage de la propriété CSS text-shadow