English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
text-L'attribut shadow CSS applique un ou plusieurs effets d'ombre de texte au contenu texte de l'élément. Chaque effet d'ombre de texte doit spécifier la décalage d'ombre et peut choisir de spécifier la radius de flou et la couleur d'ombre.
Le tableau suivant décrit l'utilisation de cette propriété, l'historique des versions, ainsi que la syntaxe de son utilisation dans les scripts JavaScript.
| Valeur par défaut : | none |
|---|---|
| Appliqué à : | Tous les éléments. Il est également applicable à ::first-letter et ::first-line. |
| Héritage : | est |
| Animable : | est.Veuillez consulter Attributs d'animation。 |
| Version : | CSS3nouvelle fonctionnalité |
| Syntaxe JavaScript : | object.style.textShadow="2px 2px #ff0000" |
L'effet d'ombre de texte est appliqué dans l'ordre spécifié, il peut donc se chevaucher les uns les autres, mais ils ne couvriront jamais le texte lui-même.
Vous pouvez spécifier la radius de flou après la valeur de décalage d'ombre ; c'est une valeur de longueur, représentant la taille de l'effet de flou.
Vous pouvez spécifier la valeur de couleur de l'ombre avant ou après la valeur de longueur d'offset. Si la couleur de l'ombre n'est pas spécifiée, la couleur CSS sera utilisée. colorValeur de l'attribut
La syntaxe de cet attribut est la suivante :
text-shadow: shadow1 , shadow2, ... shadowN] | none | inherit where shadow is: [offset-x décalage-y flou-radius couleur]
Les exemples suivants montrent comment utiliser text-attribut shadow.
h1 {
text-shadow: 2px 2px 5px #000;
}
p {
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}Testez pour voir‹/›Note :Si les deux valeurs d'offset d'ombre sont définies sur 0, l'ombre sera placée derrière le texte et peut produire un effet de flou lors de la spécification du rayon de flou.
Le tableau suivant décrit les valeurs de cet attribut.
| Valeur | Description |
|---|---|
| Obligatoire -Il est nécessaire de spécifier les valeurs suivantes pour l'attribut. | |
| h-shadow | Obligatoire. Position horizontale de l'ombre. Permet des valeurs négatives. |
| v-shadow | Obligatoire. Position verticale de l'ombre. Permet des valeurs négatives. |
| Optionnel -Les valeurs suivantes sont optionnelles. | |
| blur | Spécifiez la taille de la flou. Voir |
| color | Spécifiez la couleur de l'ombre. ConsultezValeur de couleur CSSPour obtenir une liste possible de valeurs de couleur. |
| inherit | Si spécifié, l'élément lié utilise la valeur text de son élément parent-Valeurs de l'attribut shadow |
text-Compatibilité des navigateurs pour l'attribut shadow, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.
|
Attention : Internet Explorer 7et les versions antérieures ne supportent pas l'héritage des valeurs. IE8Supporte l'héritage, mais nécessite<!DOCTYPE>。IE9Supporte l'héritage.
Veuillez consulter les tutoriels suivants :Texte CSS。
Attributs relatifs au texte :letter-spacing，text-align，text-decoration，text-indent，text-overflow，text-transform，white-space，word-spacing。