Exemple
Changer la largeur des quatre bords d'un <div> élément:
document.getElementById("myDiv").style.borderWidth = "thick"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés borderWidth ou retourne la largeur de la bordure d'un élément.
Cette propriété peut prendre d'une à quatre valeurs:
- Une valeur, comme: p {border-width: épaisseur} - les quatre frontières seront épais
- Deux valeurs, telles que: p {border-width: épaisseur mince} - la bordure supérieure et inférieure sera épaisse bordure, à gauche et à droite sera mince
- Trois valeurs, telles que: p {border-width: moyenne mince épaisseur} - la bordure supérieure sera épaisse bordure, à gauche et à droite sera mince, bordure inférieure sera moyenne
- Quatre valeurs, telles que: p {border-width: 10px moyenne mince épaisseur} - la bordure supérieure sera épaisse, la bordure droite sera mince, bordure inférieure sera frontière moyenne, gauche sera 10px
Support du navigateur
La propriété borderWidth est pris en charge dans tous les principaux navigateurs.
Syntaxe
Retour la propriété borderWidth:
object .style.borderWidth
Définissez la propriété borderWidth:
object .style.borderWidth="thin|medium|thick| Valeurs de propriété Valeur La description thin Définit une bordure mince medium Définit une bordure moyenne. Ce défaut est thick Définit une bordure épaisse length La largeur de la bordure en unités de longueur initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: moyen Valeur de retour: Une chaîne, représentant la largeur de la bordure d'un élément version CSS CSS1
autres exemples
Exemple
Modifier la largeur de la bordure supérieure et inférieure pour une épaisseur, et la frontière gauche et à droite pour mince d'un <div> élément:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Essayez vous - même »
Exemple
Changer la largeur des quatre bords d'un <div> élément, en utilisant la valeur de longueur:
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px
20px";
Essayez vous - même »
Exemple
Retour de la largeur de la bordure d'un <div> élément:
alert(document.getElementById("myDiv").style.borderWidth);
Essayez vous - même »
Pages associées
Tutoriel CSS: CSS Border
Référence CSS: la border-width property
Référence HTML DOM: border property
<Style objet