Style outlineWidth Property
Exemple
Modifiez la largeur du contour d'un élément <div> :
document.getElementById("myDiv").style.outlineWidth = "10px";
Définition et utilisation
La propriété outlineWidth définit ou renvoie la largeur du contour autour d'un élément.
Un contour est une ligne autour d'un élément. Il est affiché autour de la marge de l'élément. Cependant, il est différent de la propriété border.
Le contour ne fait pas partie des dimensions de l'élément, par conséquent les propriétés width et height de l'élément ne contiennent pas la largeur du contour.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
outlineWidth | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété outlineWidth :
object.style.outlineWidth
Définissez la propriété outlineWidth :
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
thin | Defines a thin outline |
medium | Defines a medium outline. This is default |
thick | Defines a thick outline |
length | The width of the outline 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 du contour d'un élément |
Version CSS | CSS2 |
Plus d'exemples
Exemple
Changez la largeur du contour d'un élément <div>, en utilisant la valeur "thick":
document.getElementById("myDiv").style.outlineWidth = "thick";
Exemple
Renvoie la largeur du contour d'un élément <div> :
alert(document.getElementById("myDiv").style.outlineWidth);
Pages connexes
Tutoriel CSS : Plan CSS
Référence CSS : propriété outline
Référence HTML DOM : propriété outline
❮ Objet de style