English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attribut outline définit la largeur, le style et la couleur des quatre côtés de la silhouette de l'élément. Il est utilisé pour définir les différentes propriétés de la silhouette (c'est-à-direcontour-largeur,contour-styleetcontour-colorpropriété abrégée.)
Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.
| Valeur par défaut : | Voir toutes les propriétés |
|---|---|
| Appliqué à : | Tous les éléments |
| Héritage : | Aucun |
| Animable: | Oui, car certains attributs de la notation peuvent définir des animations.Veuillez consulter Attributs d'animation. |
| Version : | CSS 2、3 |
| Syntaxe JavaScript : | objet.style.contour="#cc0000 tiret fin |
La syntaxe de cet attribut est la suivante :
contour : [ contour-largeur contour-contour style-color ] | initial | hérité
Attention :Si l'un des attributs énumérés ci-dessus manque ou est omis, l'attribut par défaut de cette propriété (si existant) est inséré. Pour plus de détails, voir les différentes propriétés.
Les exemples suivants montrent comment utiliser la propriété de contour.
p.one {
contour : 2solide px #ff0000 ;
}
p.two {
color : #00ff00 ;
contour-top : 5solide px;
}Essayez de voir‹/›Attention :sicontour-colormanquant ou non spécifié (par exemple, outline: 5solide;), alors utilisercolorde l'élément. Cependant, dans des cas spéciaux, l'omissioncontour-styleCette valeur ne montrera pas de contour, car la valeur de l'attribut-La valeur par défaut de styleproperty est none.
Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| contour-largeur | Définir la largeur du contour de l'élément. |
| contour-style | Définir le style de ligne du contour de l'élément. |
| contour-color | Définir la couleur du contour de l'élément. |
| initial | Définir cette propriété à sa valeur par défaut. |
| hérité | Si cette propriété est spécifiée, l'élément lié utilise la valeur de la propriété de contour de son élément parent. |
compatibilité des navigateurs pour la propriété de contour, 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é.
|
Avertissement : Internet Explorer 7et les versions antérieures ne prennent pas en charge cette propriété de contour. IE8Cette propriété est prise en charge, mais nécessite une version<!DOCTYPE>.
Veuillez consulter les tutoriels suivants :contour CSS,bordure CSS.
propriétés associées :contour-largeur,contour-style,contour-color