CSS border-widthProperty
Exemple
Définir la largeur des quatre bordures :
p
{
border-style:solid;
border-width:15px;
}
Essayez-le vous-même »
Définition de la propriété et instructions d'utilisation
La propriété border-width définit la largeur des quatre bordures d'un élément. Cette propriété peut prendre une à quatre valeurs.
Exemple :
border-width:thin medium thick 10px;
- La bordure supérieure est une bordure fine.
- La bordure droite est une bordure moyenne
- La bordure inférieure est une bordure épaisse.
- La bordure gauche est une bordure de 10px de large
border-width:thin medium thick;
- La bordure supérieure est une bordure fine.
- Les bordures droite et gauche sont des bordures moyennes
- La bordure inférieure est une bordure épaisse.
border-width:thin medium;
- Les bordures supérieure et inférieure sont des bordures fines
- Les bordures droite et gauche sont des bordures moyennes
border-width:thin;
- Les quatre bordures sont des bordures fines.
| Valeur par défaut : | moyen |
|---|---|
| Héritage : | non |
| version : | CSS1 |
| Syntaxe JavaScript : | object.style.borderWidth="thin thick" |
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Valeur de la propriété
| Valeur | Description |
|---|---|
| thin | Définit des bordures fines. |
| moyen | Par défaut. Définit une bordure moyenne. |
| thick | Définit des bordures épaisses. |
| longueur | Permet de personnaliser la largeur de la bordure. |
| inherit | Spécifie que la largeur de la bordure doit être héritée de l'élément parent. |
Articles connexes
Tutoriel CSS :Bordures CSS
autres extensions