Propriété borderWidth de style
Exemple
Modifiez la largeur des quatre bordures d'un élément <div> :
document.getElementById("myDiv").style.borderWidth = "thick";
Définition et utilisation
La propriété borderWidth définit ou renvoie la largeur de la bordure d'un élément.
Cette propriété peut prendre de une à quatre valeurs :
- Une valeur, comme : p {border-width: thick} - les quatre bordures seront épaisses
- Deux valeurs, comme : p {border-width: thick thin} - les bordures supérieure et inférieure seront épaisses, les bordures gauche et droite seront fines
- Trois valeurs, comme : p {border-width: thick thin medium} - la bordure supérieure sera épaisse, les bordures gauche et droite seront fines, la bordure inférieure sera moyenne
- Quatre valeurs, comme : p {border-width: thick thin medium 10px} - la bordure supérieure sera épaisse, la bordure droite sera fine, la bordure inférieure sera moyenne, la bordure gauche sera de 10px
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
borderWidth | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété borderWidth :
object.style.borderWidth
Définissez la propriété borderWidth :
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
thin | Defines a thin border |
medium | Defines a medium border. This is default |
thick | Defines a thick border |
length | The width of the border in length units |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
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 |
Plus d'exemples
Exemple
Modifiez la largeur des bordures supérieure et inférieure en épais et les bordures gauche et droite en mince d'un élément <div> :
document.getElementById("myDiv").style.borderWidth = "thick thin";
Exemple
Modifiez la largeur des quatre bordures d'un élément <div>, en utilisant la valeur de longueur :
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Exemple
Renvoie la largeur de la bordure d'un élément <div> :
alert(document.getElementById("myDiv").style.borderWidth);
Pages connexes
Tutoriel CSS : Bordure CSS
Référence CSS : propriété border-width
Référence HTML DOM : propriété border
❮ Objet de style