Accueil    CSS    Propriété Border-width
 



style css border-width  Style CSS border-width

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


La propriété border-width indique l'épaisseur 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).



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




Propriété Définition Valeurs CSS
border-width Epaisseur de la bordure valeur px
thin
thick
inherit
medium
CSS 1


Exemple d'utilisation du style css border-width :





<div style="padding:5px; width:200px; height:30px; border:solid 1px black;">
   bordure solide d'épaisseur 1 pixel
</div>

<div style="padding:5px; width:200px; height:30px; border:dashed 3px black;">
   bordure pointillée d'épaisseur 3 pixel
</div>

<div style="padding:5px; width:200px; height:30px;
   border-left:dotted thin green; border-right:solid thick darkgreen;
   border-top:solid 2px olive; border-bottom:solid medium silver;">
   bordures avec des épaisseurs spécifiques
</div>




bordure solide d'épaisseur 1 pixel

bordure pointillée d'épaisseur 3 pixel

bordures avec des épaisseurs spécifiques