English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Contour-La propriété style définit le style du contour de l'élément CSS. Cependant, dans le travail, nous préférons utiliserContourCette propriété abrégée.
Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que sa syntaxe d'utilisation dans les scripts JavaScript.
| Valeur par défaut : | none |
|---|---|
| Applicable à : | Tous les éléments |
| Héritage : | Aucun |
| Animable : | Non.Voir également : Propriétés d'animation。 |
| Version : | CSS 2、3 |
| Syntaxe JavaScript : | object.style.outlineStyle="dotted" |
La syntaxe de cette propriété est la suivante :
Contour-style: none | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
Les exemples suivants montrent comment utiliser le contour-Attribut style.
p {
Contour-style: double;
Contour-width: 5px;
}Testez pour voir‹/›Le tableau suivant décrit les valeurs de cet attribut.
| Valeur | Description |
|---|---|
| none | Aucun contour affiché. C'est la valeur par défaut. |
| dotted | Affiche le contour sous forme de une série de points. |
| dashed | Affiche le contour sous forme de une série de segments courts, c'est-à-dire des tirets. |
| solide | Affiche le contour sous forme de une ligne droite. |
| double | Affiche le contour sous forme de deux lignes droites parallèles, avec un certain espace entre elles. La somme des deux lignes et l'espace entre elles est égal àContour-widthLa valeur. |
| groove | Affiche le contour comme s'il était gravé dans le canevas. Il donne également une3L'impression de D, généralement réalisée par la création d'ombres de deux couleurs, qui sont plusContour-couleurLa couleur un peu plus claire et plus sombre. |
| ridge | Affiche un contour groove opposé à l'effet. Il donne également une3L'impression de D, le contour semble sortir du canevas. |
| inset | Affiche le contour comme s'il était intégré dans le canevas. Il donne également une3L'impression de D, généralement réalisée par la création d'ombres de deux couleurs, qui sont plusContour-couleurLa couleur un peu plus claire et plus sombre. |
| outset | Affiche un contour outset opposé à l'effet. Il donne également une3L'impression de D, le contour rend la boîte comme si elle sortait du canevas. |
| initial | Réinitialisez cet attribut à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise le contour de son élément parent-Valeur de l'attribut style. |
Contour-La compatibilité des navigateurs pour l'attribut style, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cet attribut ; tous les navigateurs populaires prennent en charge cet attribut.
|
Avertissement : Internet Explorer 7et les versions antérieures ne prennent pas en charge cet outline-attribut style. IE8Supporte cet attribut, mais nécessite un<!DOCTYPE>。
Veuillez consulter les tutoriels sur les sujets suivants :Contour CSS，Bordure CSS。
Attributs associés :Contour，Contour-couleur，Contour-width。