Propriété outlineWidth du style

Définition et utilisation

outlineWidth Définit ou retourne la largeur du contour autour de l'élément.

Le contour est une ligne autour de l'élément. Il s'affiche autour de la marge de l'élément. Cependant, il est différent de la propriété de bordure.

Le contour n'est pas une partie de la taille de l'élément, par conséquent, les propriétés largeur et hauteur de l'élément ne contiennent pas la largeur du contour.

Voir également :

Tutoriel CSS :Contour CSS

Manuel de référence CSS :Propriété outline

Manuel de référence HTML DOM :Propriété outline

Exemple

Exemple 1

Changer la largeur du contour de l'élément <div> :

document.getElementById("myDiv").style.outlineWidth = "10px";

Essayez-le vous-même

Exemple 2

Changer la largeur du contour de l'élément <div> en utilisant la valeur "thick" :

document.getElementById("myDiv").style.outlineWidth = "thick";

Essayez-le vous-même

Exemple 3

Retourner la largeur du contour de l'élément <div> :

alert(document.getElementById("myDiv").style.outlineWidth);

Essayez-le vous-même

Syntaxe

Retourner la propriété outlineWidth :

object.style.outlineWidth

Définir la propriété outlineWidth :

object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"

Valeur de l'attribut

Valeur Description
thin Définit un contour fin.
medium Définit un contour moyen. Par défaut.
thick Définit un contour épais.
length Largeur du contour en unité de longueur.
initial Réinitialise cette propriété à sa valeur par défaut. Voir également initial.
inherit Inherits cette propriété de son élément parent. Voir également inherit.

Détails techniques

Valeur par défaut : medium
Valeur de retour : Chaîne, représentant la largeur du contour de l'élément.
Version de CSS : CSS2

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support