Contour de stylePropriété de couleur
Exemple
Changez la couleur du contour d'un élément <div> :
document.getElementById("myDiv").style.outlineColor = "#00ff00";
Définition et utilisation
La propriété outlineColor définit ou renvoie la couleur du contour autour d'un élément.
Un contour est une ligne autour d'un élément. Il est affiché autour de la marge de l'élément. Cependant, il est différent de la propriété border.
Le contour ne fait pas partie des dimensions de l'élément, par conséquent les propriétés width et height de l'élément ne contiennent pas la largeur du contour.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
outlineColor | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété outlineColor :
object.style.outlineColor
Définissez la propriété outlineColor :
object.style.outlineColor = "color|invert|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
color | Specifies the color of the outline. Look at CSS Color Values for a complete list of possible color values |
invert | Inverts the color of the outline to the opposite value. Note: Browsers are not required to support this value |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | inverser |
---|---|
Valeur de retour : | Une chaîne, représentant la couleur du contour d'un élément |
Version CSS | CSS2 |
Plus d'exemples
Exemple
Renvoie la couleur de la bordure d'un élément <div> :
alert(document.getElementById("myDiv").style.outlineColor);
Pages connexes
Tutoriel CSS : Plan CSS
Référence CSS : propriété outline-color
Référence HTML DOM : propriété outline
❮ Objet de style