Attribut outline-style CSS

Définition et utilisation

L'attribut outline-style est utilisé pour définir le style de la ligne de contour entière de l'élément. Le style ne peut pas être none, sinon le contour ne sera pas visible.

Le contour (outline) est une ligne dessinée autour de l'élément, à l'extérieur des bords, et peut servir à mettre en valeur 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-color. Un élément ne peut changer la couleur de son contour que s'il a d'abord un contour.

Remarque :Les contours ne prennent pas de place et ne sont pas nécessairement rectangulaires.

Voir également :

Tutoriel CSS :Contour CSS

Guide CSS :Attribut outline

Guide HTML DOM :Attribut outlineStyle

Exemple

Définir le style de contour :

p
  {
  outline-style:dotted;
  }

Essayer par vous-même

Syntaxe CSS

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|hérité;

Valeur de l'attribut

Valeur Description
aucune Par défaut. Définir un contour absent.
hidden Définir un contour invisible.
dotted Définir un contour en points.
dashed Définir un contour en pointillés.
solid Définir un contour solide.
double Définir un contour double. La largeur des lignes doubles est égale à la valeur de outline-width.
groove Définir un contour 3D en cavité. Cet effet dépend de la valeur de outline-color.
ridge Définir un contour 3D en rainure. Cet effet dépend de la valeur de outline-color.
inset Définir un contour 3D en cavité. Cet effet dépend de la valeur de outline-color.
outset Définir un contour 3D en saillie. Cet effet dépend de la valeur de outline-color.
hérité La propriété outline doit hériter de la configuration du style de contour du parent.

Détails techniques

Valeur par défaut : aucune
Héritabilité : non
Version : CSS2
Syntaxe JavaScript : object.style.outlineStyle="dotted"

Essayer par vous-même

Définir le style de contour
Cet exemple montre comment définir le style de contour.

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge pleinement 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.