documentation css border-width

Version CSS : 1

• S’applique à : Tous les éléments.
• Valeur héritée : Non
• Valeur par défaut : medium ou 0 selon les navigate

Permet de définir l’épaisseur des bordures d’un élément. L’épaisseur ne peut être appliquée que si le type de bordure (border-style) ou la couleur de bordure (border-color) a été défini, sans quoi la bordure est inexistante. Certains navigateurs n’interprèteront dailleurs pas les bordures si ces deux propriétés ne sont pas renseignées.

Les épaisseurs peuvent être indiquées sous la forme :

• thin : bordure fine, l’interprétation de l’épaisseur dépendra du navigateur
• medium : bordure moyenne, l’interprétation de l’épaisseur dépendra du navigateur
• thick : bordure épaisse, l’interprétation de l’épaisseur dépendra du navigateur
• mention numérique de longueur

Pour les différentes mentions de longueurs possibles, se reporter aux explications sur les unités/mesures.

Attribution des épaisseurs aux bordures de l’élément lorsque plusieurs en sont définies :

• si 2 valeurs : première épaisseur pour les côtés haut et bas, second pour droite et gauche.
• si 3 valeurs : première épaisseur pour le côté haut, second pour droite et gauche, troisième pour bas.
• si 4 valeurs : les quatres épaisseurs sont respectivement attribuées aux cotés haut, droit, bas, et gauche.

Les épaisseurs de chaques côtés peuvent également être définiess individuellement à l’aide des propriétés “border-bottom-width”, “border-top-width”, “border-right-width” et “border-left-width”.

Exemple de script

.bordure1 {
border-width: 1px;
}
 
.bordure2 {
  border-width: 1px thin;
}
 
.bordure3 {
  border-width: 1px thin medium;
}
 
.bordure4 {
  border-width: 1px thin medium thick;
}