Exemple
Ajouter une ombre à un texte:
document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px
10px 1px #0000ff";
Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de textShadow ou retourne un ou plusieurs effets d'ombre pour un texte.
Support du navigateur
La propriété textShadow est pris en charge dans tous les principaux navigateurs.
Note: La propriété textShadow est pas pris en charge dans Internet Explorer 9 et les versions antérieures.
Syntaxe
Retour la propriété textShadow:
object .style.textShadow
Définissez la propriété textShadow:
object .style.textShadow="none| Note: La propriété textShadow attache une ou plusieurs ombres au texte. La propriété est une liste des ombres séparées par des virgules, chaque spécifié par 2 ou 3 valeurs de longueur et une couleur optionnelle. les longueurs sont omises 0. Valeurs de propriété
Valeur La description none Pas d'ombre est tirée. Ce défaut est h-shadow Champs obligatoires. La position de l'ombre horizontale. Les valeurs négatives sont autorisées v-shadow Champs obligatoires. La position de l'ombre verticale. Les valeurs négatives sont autorisées blur Optionnel. La distance de flou color Optionnel. La couleur de l'ombre. Regardez des valeurs de couleur CSS pour obtenir une liste complète des valeurs de couleurs possibles initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: aucun Valeur de retour: Une chaîne, ce qui représente une liste séparée par des virgules des effets d'ombre appliquée au texte de l'élément version CSS CSS3
autres exemples
Exemple
Retour à l'ombre du texte:
alert(document.getElementById("myP").style.textShadow); Essayez vous - même »
Pages associées
Tutoriel CSS: CSS3 Text Effects
Référence CSS: text-shadow property
<Style objet