Contour de style Propriété
Exemple
Ajoutez un contour autour d'un élément <div> :
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Définition et utilisation
La propriété de contour définit ou renvoie toutes les propriétés de contour, sous une forme abrégée.
Avec cette propriété, vous pouvez définir/retourner un ou plusieurs des éléments suivants (dans n'importe quel ordre) :
- contour-largeur
- style contour
- contour-couleur
Un contour est une ligne autour d'un élément. Il est affiché autour de la marge de l'élément. Cependant, il est différent de la propriété border.
Le contour ne fait pas partie des dimensions de l'élément, par conséquent les propriétés width et height de l'élément ne contiennent pas la largeur du contour.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété contour :
object.style.outline
Définissez la propriété contour :
object.style.outline = "width style color|initial|inherit"
Valeurs de propriété
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets the color of the outline |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | moyen aucun inverser |
---|---|
Valeur de retour : | Une chaîne, représentant la largeur du contour, le style et/ou la couleur d'un élément |
Version CSS | CSS2 |
Plus d'exemples
Exemple
Modifiez la largeur, le style et la couleur du contour d'un élément <div> :
document.getElementById("myDiv").style.outline = "5px dotted green";
Exemple
Renvoie les valeurs de propriété de contour d'un élément <div> :
alert(document.getElementById("myDiv").style.outline);
Pages connexes
Tutoriel CSS : Plan CSS
Référence CSS : propriété outline
❮ Objet de style