Derniers tutoriels de développement web
 

Style textShadow Property

<Style objet

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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