Largeur de la bordure CSS
- Page précédente Bordure CSS
- Page suivante Couleur de la bordure CSS
Largeur de la bordure CSS
border-width
The property specifies the width of all four borders.
The width can be set to a specific size (in px, pt, cm, em), or one of the following three predefined values: thin, medium, or thick :
Exemple
Demonstrate different border widths :
p.one { border-style: solide; border-width: 5px; } p.two { border-style: solide; border-width: medium; } p.three { border-style: dotted; border-width: 2px; } p.four { border-style: dotted; border-width: large; }
Result :
5px border-width
medium border-width
2px border-width
large border-width
Largeur de bord spécifique
border-width
L'attribut peut être défini avec une à quatre valeurs (pour le haut, la droite, le bas et la gauche) :
Exemple
p.one { border-style: solide; border-width: 5px 20px; /* Haut et Bas: 5px, Autres: 20px */ } p.two { border-style: solide; border-width: 20px 5px; /* Haut et Bas: 20px, Autres: 5px */ } p.three { border-style: solide; border-width: 25px 10px 4px 35px; /* Haut: 25px, Droite: 10px, Bas: 4px, Gauche: 35px */ }
- Page précédente Bordure CSS
- Page suivante Couleur de la bordure CSS