Largeur 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

Essayer par vous-même

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 */
}

Essayer par vous-même