CSS3 propriété text-shadow
Exemples
ombre du texte de base (text-shadow):
{
text-shadow: 2px 2px # ff0000;
}
Essayez »
Dans le bas de cette page pour plus d'exemples.
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
属性 | |||||
---|---|---|---|---|---|
text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
Définition des attributs et des instructions
propriété text-shadow applique le texte de l'ombre.
Par défaut: | aucun |
---|---|
Héritage: | oui |
Version: | CSS3 |
Syntaxe JavaScript: | objet .style.textShadow = "2px 2px # FF0000" |
grammaire
Remarque: la propriété text-shadowest connecté à un ou plusieurs du texte d'ombre. La propriété est ombre, désigné tous les deux ou trois valeurs de longueur et une des valeurs de couleurs optionnelles séparées par des virgules. Nous avons passé une longueur de 0.
valeur | description |
---|---|
h-ombre | Obligatoire. Position de l'ombre horizontale. Autoriser négative. |
v-shadow | Obligatoire. La position verticale de l'ombre. Autoriser négative. |
tache | Optionnel. la distance floue. |
couleur | Optionnel. Couleur de l'ombre. Voir les valeurs de couleur CSS . |
D'autres exemples
flou de l' ombre du texte
Cet exemple montre un flou texte d'ombre.
Texte blanc sur une ombre de texte
Cet exemple montre un texte blanc texte ombre.
Neon texte lueur ombre
Cet exemple démontre l'utilisation de la lumière au néon texte ombre.
articles connexes
CSS3 tutoriel: CSS3 les effets de texte