Attribut outline-color CSS

Définition et utilisation

L'outline (contour) est une ligne dessinée autour de l'élément, située à l'extérieur de l'extrémité du cadre, et peut jouer le rôle de mise en valeur de l'élément. L'attribut outline peut définir la ligne de contour autour de l'élément.

Remarque :Déclarez toujours l'attribut outline-style avant l'attribut outline-color. Un élément ne peut changer la couleur de son contour qu'après avoir obtenu un contour.

Remarque :La ligne de contour ne prend pas de place et n'est pas nécessairement rectangulaire.

L'attribut outline-color définit la couleur visible de tout le contour d'un élément. N'oubliez pas que le style de contour ne peut pas être none, sinon le contour ne sera pas visible.

Voir également :

Tutoriel CSS :Contour CSS

Manuel de référence CSS :Attribut outline

Manuel de référence HTML DOM :Attribut outlineColor

Exemple

Définir la couleur de contour pointillé :

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

Essayez vous-même

Syntaxe CSS

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|hérité;

Valeur de l'attribut

Valeur Description
color_name Définir la couleur de contour en utilisant le nom de couleur (par exemple red).
hex_number Définir la couleur de contour en utilisant une valeur hexadécimale (par exemple #ff0000).
rgb_number Définir la couleur de contour en utilisant le code rgb (par exemple rgb(255,0,0)).
invert Par défaut. Effectuer une inversion de couleur (couleur inverse). Cela rend le contour visible sur diverses couleurs de fond.
hérité L'élément parent devrait hériter de la configuration de la couleur de contour.

Détails techniques

Valeur par défaut : invert
Héritabilité : non
Version : CSS2
Syntaxe JavaScript : object.style.outlineColor="#0000FF"

Essayer vous-même

Définir la couleur de contour
Cet exemple montre comment définir la couleur de contour.

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Remarque :Si !DOCTYPE est spécifié, IE8 prend en charge l'attribut aperçu.