Attribut de style outline

Définition et utilisation

outline Attribut pour définir ou retourner tous les attributs de silhouette sous forme abrégée.

Avec cet attribut, vous pouvez définir/retourner l'un des éléments suivants (dans n'importe quel ordre) :

La silhouette est une ligne autour de l'élément. Elle est affichée autour de la marge de l'élément. Cependant, elle est différente de Attribut border différents.

La silhouette n'est pas une partie de la taille de l'élément, par conséquent, les attributs de largeur et de hauteur de l'élément ne contiennent pas la largeur de la silhouette.

Veuillez également consulter :

Tutoriel CSS :Contour CSS

Manuel de référence CSS :Attribut outline

Exemple

Exemple 1

Ajouter une silhouette autour de l'élément <div> :

document.getElementById("myDiv").style.outline = "thick solid #0000FF";

Essayez-le vous-même

Exemple 2

Modifier la largeur, le style et la couleur de la silhouette de l'élément <div> :

document.getElementById("myDiv").style.outline = "5px dotted green";

Essayez-le vous-même

Exemple 3

Retourne la valeur de l'attribut outline de l'élément <div> :

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

Essayez-le vous-même

Syntaxe

Retourner l'attribut outline :

object.style.outline

Définir l'attribut outline :

object.style.outline = "width style color|initial|inherit"

Valeur de l'attribut

Valeur Description
width Définir la largeur de la silhouette.
style Définir le style de la silhouette.
color Définir la couleur de la silhouette.
initial Sets this property to its default value. See also initial.
inherit Inherits this property from its parent element. See also inherit.

détails techniques

Valeur par défaut : medium none invert
Valeur de retour : une chaîne de caractères, représentant la largeur, le style et/ou la couleur de la silhouette de l'élément.
Version de CSS : CSS2

support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
supporte supporte supporte supporte supporte