Propriété de style outlineStyle

Définition et utilisation

outlineStyle La propriété définit ou retourne le style du contour autour de l'élément.

Le contour est une ligne entourant 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 de largeur et de hauteur de l'élément ne contiennent pas la largeur du contour.

Voir également :

Tutoriel CSS :Contour CSS

Manuel de référence CSS :Attribut outline-style

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

Exemple

Exemple 1

Ajoute un contour solide autour de l'élément <div> :

document.getElementById("myDiv").style.outlineStyle = "solid";

Essayez-le vous-même

Exemple 2

Change le style de contour de l'élément <div> :

document.getElementById("myDiv").style.outlineStyle = "solid";

Essayez-le vous-même

Exemple 3

Retourne le style de contour de l'élément <div> :

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

Essayez-le vous-même

Exemple 4

Exemples pour toutes les valeurs différentes :

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;

Essayez-le vous-même

Syntaxe

Retourner l'attribut outlineStyle :

object.style.outlineStyle

Définir l'attribut outlineStyle :

object.style.outlineStyle = value

Valeur de l'attribut

Valeur Description
none Par défaut. Définit un contour absent.
hidden Le contour est fermé.
dotted Définit le contour en pointillé.
dashed Définit le contour en tiret.
solid Définit le contour en ligne continue.
double Définit le contour double. La largeur des lignes doubles est égale à outline-width Les valeurs.
groove Définit le contour en creux en rainure 3D. Définit à nouveau le contour en creux 3D. Cet effet dépend de outline-color Values.
ridge Définit le contour en relief en rainure 3D. Cet effet dépend de outline-color Values.
inset Définit le contour en creux 3D. Cet effet dépend de outline-color Values.
outset Définit le contour en relief 3D. Cet effet dépend de outline-color Values.
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 : none
Valeur de retour : Chaîne de caractères, représentant le style de contour des éléments.
Version de CSS : CSS2

Supporte par les navigateurs

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporte Supporte Supporte Supporte Supporte