Attribut outline-width CSS

Définition et utilisation

L'attribut outline-width définit la largeur de l'ensemble du contour de l'élément, cette largeur ne joue un rôle que lorsque le style de contour n'est pas none. Si le style est none, la largeur est réinitialisée à 0 en réalité. Les valeurs de longueur négatives ne sont pas autorisées.

Le contour (outline) est une ligne dessinée autour de l'élément, située à l'extérieur de la marge de bord, et peut jouer le rôle de mise en valeur de l'élément. L'attribut outline définit la ligne de contour autour de l'élément.

Remarque :Déclarez toujours l'attribut outline-style avant l'attribut outline-width. Un élément ne peut changer la couleur de sa conture que s'il a une conture.

Remarque :La ligne de contour ne prend pas de place et n'est pas nécessairement rectangulaire.

Voir également :

Tutoriel CSS :Contour CSS

Guide de référence CSS :Attribut outline

Guide de référence HTML DOM :Attribut outlineWidth

Exemple

Définir la couleur de la conture pointillée :

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

Essayez par vous-même

Syntaxe CSS

outline-width: moyenne|fine|épais|length|initial|hérité;

Valeur de l'attribut

Valeur Description
Définit une conture fine. fine
moyenne Par défaut. Définit une conture moyenne.
épais Définit une conture épaisse.
length Vous permet de définir la valeur de la finesse de la conture.
hérité Définit que la largeur de la conture doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : moyenne
Héritabilité : non
Version : CSS2
Syntaxe JavaScript : object.style.outlineWidth="fine"

Essayer par vous-même

Définir la largeur de la conture
cet exemple montre comment définir la largeur de la conture.

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Remarque :Si !DOCTYPE est spécifié, IE8 prend en charge l'attribut outline.