Derniers tutoriels de développement web
 

Style outlineColor Property

<Style objet

Exemple

Changer la couleur du contour d'un <div> élément:

document.getElementById("myDiv").style.outlineColor = "#00ff00";
Essayez vous - même »

Définition et utilisation

Les ensembles de propriétés de OUTLINECOLOR 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, donc la largeur de l'élément et les propriétés hauteur ne contiennent pas la largeur du contour.


Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propriété outlineColor est pris en charge dans tous les principaux navigateurs.

Note: La propriété outlineColor est pas pris en charge dans IE7 et plus tôt. IE8 a besoin d'un! DOCTYPE. IE9 et de soutenir plus tard.


Syntaxe

Retour la propriété outlineColor:

object .style.outlineColor

Définissez la propriété outlineColor:

object .style.outlineColor=" Valeurs de propriété
Valeur La description
color Indique la couleur du contour. Regardez des valeurs de couleur CSS pour obtenir une liste complète des valeurs de couleurs possibles
invert La couleur de Invertit le contour à la valeur opposée. Ce défaut est
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial
inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront

Détails techniques

Valeur par défaut: inverser
Valeur de retour: Une chaîne, ce qui représente la couleur du contour d'un élément
version CSS CSS2

autres exemples

Exemple

Retour de la couleur de la bordure d'un <div> élément:

alert(document.getElementById("myDiv").style.outlineColor);
Essayez vous - même »

Pages associées

Tutoriel CSS: Aperçu CSS

Référence CSS: la outline-color property

Référence HTML DOM: outline property


<Style objet