Accueil    CSS    Propriété outline-color
 



style css outline-color  Style CSS outline-color

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété outline-color permet d'indiquer la couleur du contour d'un élément. Pour qu'elle soit prise en compte, il faut que le style outline-style soit également déclaré. Les différents styles applicables au contour d'un élément peuvent être instancier en une seule fois avec la propriété css outline.

Il n'est possible de définir les styles pour le contour que de façon globale pour les quatre côtés (pas de propriété top, left, right, bottom). D'autre part, la notion de contour ne rentre pas en ligne de compte dans la définition d'un élément et ne modifie pas sa taille (width ou height). Elle s'applique au delà de l'élément, juste après sa bordure.



Propriétés pour le style outline-color :




Propriété Définition Valeurs CSS
outline-color Couleur du contour nom couleur
valeur rgb
valeur #hexa
invert
CSS 2


Exemple d'utilisation du style css outline-color :




Exemples d'utilisation des propriétés outline-color, ouline-style et outline-width :

<div style="border:solid 2px black; width:450px; padding:10px; outline-style:dotted;
   outline-width:3px; outline-color:green;">
   Contour pointillé vert d'épaisseur 3 pixels
</div>

<div style="border:solid 2px black; width:450px; padding:10px; outline-style:double;
   outline-width:5px; outline-color:steelblue;">
   Contour double bleu d'épaisseur 5 pixels
</div>

<div style="border:solid 2px black; width:450px; padding:10px; outline-style:solid;
   outline-width:3px; outline-color:#757575;">
   Contour solide gris d'épaisseur 3 pixels
</div>


Exemples d'utilisation des propriétés outline-color, ouline-style et outline-width :

Contour pointillé vert d'épaisseur 3 pixels


Contour double bleu d'épaisseur 5 pixels


Contour solide gris d'épaisseur 3 pixels