Définir l'attribut textShadow

Définition et utilisation

textShadow Définit ou retourne une ou plusieurs ombres de texte.

Voir également :

Tutoriel CSS :Ombre de texte CSS

Manuel de référence CSS :Attribut text-shadow

Exemple

Exemple 1

Ajouter une ombre au texte :

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";

Essayez-le vous-même

Exemple 2

Retourner l'ombre de texte :

alert(document.getElementById("myP").style.textShadow);

Essayez-le vous-même

Syntaxe

Retourner l'attribut textShadow :

object.style.textShadow

Définir l'attribut textShadow :

object.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"

Remarque :L'attribut textShadow ajoute une ou plusieurs ombres au texte. Cet attribut est une liste d'ombres séparées par des virgules, chaque ombre étant définie par 2 ou 3 valeurs de longueur et une couleur optionnelle. Les longueurs omises sont de 0.

Valeur de l'attribut

Valeur Description
none Ne dessine pas d'ombre. Par défaut.
h-shadow Obligatoire. Position de l'ombre horizontale. Permet les valeurs négatives.
v-shadow Obligatoire. Position de l'ombre verticale. Permet les valeurs négatives.
blur Optionnel. Distance de flou.
color

Optionnel. Couleur de l'ombre.

Voir Valeurs de couleur CSSpour obtenir la liste complète des valeurs de couleur possibles.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : none
Valeur de retour : Chaîne, représentant la liste des effets d'ombre appliqués au texte de l'élément, séparés par des virgules.
Version de CSS : CSS3

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 10.0 Support Support Support