Accueil    CSS    Propriété outline-width
 



style css outline-width  Style CSS outline-width

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


La propriété outline-width permet d'indiquer l'épaisseur du contour d'un élément. Les différents styles applicables au contour d'un élément (couleur style et épaisseur) 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-width :




Propriété Définition Valeurs CSS
outline-width Epaisseur du contour valeur (px, em ...)
thin
thick
medium
inherit
CSS 2


Exemple d'utilisation du style css outline-width :




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