Accueil    CSS    Propriété Border-style
 



style css border-style  Style CSS border-style

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


La propriété border-style indique le style, origine de l'apparence, qui sera appliquée aux bordures d'un élément. Il est possible de définir ce style de façon globale pour les quatre bordures ou de façon spécifique pour chacune des bordures en spécifiant chacune d'elle (border-top, border-left, border-right, border-bottom).

Si le style de la bordure n'est pas spécifié, les propriétés border-width et border-color ne seront pas appliquées.



Propriétés pour le style border-style :




Propriété Définition Valeurs CSS
border-style Apparence de la bordure dashed
dotted
double
groove
inset
none
outset
ridge
solid
CSS 1


Exemple d'utilisation du style css border-style :





<div style="padding:5px; width:200px; height:30px; border:solid 1px black;">
   border:solid
</div>

<div style="padding:5px; width:200px; height:30px; border:dashed 1px black;">
   border:dashed
</div>

<div style="padding:5px; width:200px; height:30px; border:dotted 1px black;">
   border:dotted
</div>

<div style="padding:5px; width:200px; height:30px; border:double 4px black;">
   border:double
</div>

<div style="padding:5px; width:200px; height:30px; border:ridge;">
   border:ridge
</div>

<div style="padding:5px; width:200px; height:30px; border-top:ridge;
   border-left:ridge 10px; border-bottom:solid 1px green;
   border-right:ridge 10px green;">
   différentes bordures
</div>



border:solid

border:dashed

border:dotted

border:double

border:ridge

différentes bordures