English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règle CSS (RULES)

大全 des attributs CSS

CSS outline-Méthode d'utilisation et exemple de l'attribut color

Contour-color CSS属性设置元素轮廓的颜色。然而,在许多情况下,我们更常用Contourcolor CSS attribut définit la couleur du contour de l'élément. Cependant, dans de nombreux cas, nous utilisons plus couramment

Cette propriété abrégée.

Le tableau suivant contient des instructions sur l'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe de son utilisation dans les scripts JavaScript.invert
Valeur par défaut :Appliqué à :
Tous les élémentsHéritage :
NonAnimable :est. Veuillez consulter
Attributs d'animationCSS 2Version :3
Syntaxe JavaScript :object

Contour-.style.outlineColor="#000000"

Syntaxe de l'utilisation de couleur

Contour-La syntaxe de cet attribut est la suivante :

couleur: color | invert | initial | inherit-Les exemples suivants montrent comment utiliser l'outline

  Exemple
   Contour-p {
   Contour-style: solide;
  couleur: #ff0000;
}/Testez pour voir‹

Notez :-l'attribut couleur doit être déclaré avant l'outlineContour-styleL'élément doit avoir un contour avant de pouvoir définir la couleur du contour, car l'attribut-La valeur par défaut de styleproperty est none.

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
couleurSpécifiez la couleur du contour. VoirValeur de couleur CSSpour obtenir une liste des valeurs de couleur possibles.
invertInverse la couleur des pixels de l'écran pour assurer que le contour est visible, peu importe la couleur de fond. C'est la valeur par défaut.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément associé utilise le contour de son élément parent-Valeur de l'attribut couleur.

Compatibilité du navigateur

Contour-La compatibilité des navigateurs pour l'attribut couleur, 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é.

  • Firefox 1.5Les navigateurs suivants :

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.2+

  • Opera 7+

Avertissement : Internet Explorer 7et les versions antérieures ne prennent pas en charge cet outline-attribut couleur. IE8Supporte cet attribut, mais nécessite un<!DOCTYPE>

En savoir plus

Veuillez consulter les tutoriels concernant les sujets suivants :Contour CSSBordure CSS

Propriétés associées :ContourContour-largeurContour-style