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

Liste des styles CSS