Attribut outlineColor de Style

Définition et utilisation

outlineColor Définit et retourne la couleur du contour autour de l'élément.

Le contour est une ligne autour de l'élément. Il s'affiche autour de la marge de l'élément. Cependant, il est Attribut border Différent.

Le contour n'est pas une partie de la taille de l'élément, par conséquent, les attributs de largeur et de hauteur de l'élément ne contiennent pas la largeur du contour.

Voir également :

Tutoriel CSS :Contour CSS

Manuel de référence CSS :Attribut outline-color

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

Exemple

Exemple 1

Changer la couleur de contour du <div> :

document.getElementById("myDiv").style.outlineColor = "#00ff00";

Essayez-le vous-même

Exemple 2

Retourner la couleur de bord du <div> :

alert(document.getElementById("myDiv").style.outlineColor);

Essayez-le vous-même

Syntaxe

Retourner l'attribut outlineColor :

object.style.outlineColor

Définir l'attribut outlineColor :

object.style.outlineColor = "color|invert|initial|inherit"

Valeur de l'attribut

Valeur Description
color

Définit la couleur du contour.

Voir Valeur de couleur CSSpour obtenir la liste complète des valeurs de couleur possibles.
invert Inverse la couleur de contour en valeur opposée. Par défaut.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Détails techniques

Valeur par défaut : invert
Valeur de retour : Une chaîne de caractères, représentant la couleur de contour de l'élément.
Version CSS : CSS2

Navigateur pris en charge

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support