Accueil    CSS    Propriété outline-style
 



style css outline-style  Style CSS outline-style

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


La propriété outline-style permet d'indiquer la style de trait 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-style :




Propriété Définition Valeurs CSS
outline-style Apparence du contour dashed
dotted
double
groove
inset
none
outset
ridge
solid
CSS 2


Exemple d'utilisation du style css outline-style :




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