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