Attribut outline CSS

Définition et utilisation

La ligne de contour (contour) est une ligne dessinée autour de l'élément, située à l'extérieur de l'extrémité de la bordure, et peut jouer le rôle de mise en évidence de l'élément.

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

L'attribut résumé outline définit tous les attributs de contour dans une seule déclaration.

Les attributs suivants peuvent être définis en ordre :

Si l'une des valeurs n'est pas définie, cela ne posera pas de problème, par exemple outline:solid #ff0000; est également autorisé.

Voir également :

Tutoriel CSS :Contour CSS

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

Exemple

Définir le style des 4 bords :

p
  {
  outline:#00FF00 dotted thick;
  }

Essayez-le vous-même

Syntaxe CSS

outline: outline-width outline-style outline-color|initial|hérité;

Valeur de l'attribut

Valeur Description
outline-color Définit la couleur de la bordure. Voir :outline-color les valeurs possibles.
outline-style Définit le style de la bordure. Voir :outline-style les valeurs possibles.
outline-width Définit la largeur de la bordure. Voir :outline-width les valeurs possibles.
hérité Il est stipulé que l'attribut outline devrait être hérité de l'élément parent.

Détails techniques

Valeur par défaut : invert none medium
Héritabilité : non
Version : CSS2
Syntaxe JavaScript : object.style.outline="#0000FF dotted thin"

Exemple TIY

Dessiner une ligne autour de l'élément
cet exemple montre comment utiliser l'attribut outline pour dessiner une ligne autour d'un élément.

Support du navigateur

Les numéros dans le tableau indiquent la 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.