CSS Largeur de Bordure
Largeur de Bordure CSS
La propriété border-width spécifie la largeur des quatre bordures.
La largeur peut être définie comme une taille spécifique (en px, pt, cm, em, etc.) ou en utilisant l'une des trois valeurs prédéfinies : fine, moyenne ou épaisse.
Exemple
Démonstration des différentes largeurs de bordure :
p.one {
border-style: solid;
border-width: 5px;
}
p.two {
border-style: solid;
border-width: medium;
}
p.three {
border-style: dotted;
border-width: 2px;
}
p.four {
border-style: dotted;
border-width: thick;
} Résultat :
largeur de bordure 5px
largeur de bordure moyenne
largeur de bordure 2px
largeur de bordure épaisse
Largeurs de Côté Spécifiques
La propriété border-width peut avoir de une à quatre valeurs (pour la bordure supérieure, la bordure droite, la bordure inférieure et la bordure gauche) :
Exemple
p.one {
border-style: solid;
border-width: 5px 20px; /* 5px en haut et en bas, 20px sur les côtés */
}
p.two {
border-style: solid;
border-width: 20px 5px; /* 20px en haut et en bas, 5px sur les côtés */
}
p.three {
border-style: solid;
border-width: 25px 10px 4px 35px; /* 25px en haut, 10px à droite, 4px en bas et 35px à gauche */
}