La propriété de feuille de style css border-width permet de spécifier l'épaisseur des quatre bordures d'un élément.
Exemple de code :
.identifiant{
border-width : 1px;
} une valeur :
- numérique suivie de px ou % ou pt ou em,
- thin, épaisseur de bordure mince,
- medium, épaisseur de bordure moyenne (valeur par défaut),
- thick, épaisseur de bordure épaisse,
- inherit, hérite de son parent (css 2).Si la feuille de style css border-width est suivie de deux valeurs, la première est l'épaisseur des bordures horizontales (haute, basse) et la seconde celle des bordures verticales (droite, gauche).
Exemple de code :
.identifiant{
border-style : 1px 2px;
}, alors chaque valeur correspond à l'épaisseur de bordure (haute, droite, basse, gauche).
Exemple de code :
.identifiant{
border-width : 1px 2px 3px 4px;
} La propriété de feuille de style css border-left-width peut poser un problème d'interprétation lié à la taille, si la DTD de votre page n'est pas valide, cela valable pour toutes les propriétés d'épaisseur de bordure.
Voir l'explication du bug dans la feuille de style css BORDER.
La propriété de feuille de style border-width css pose un problème d'interprétation pour les valeurs thin, medium, thick dont l'épaisseur sera variable suivant le navigateur.