Style outlineStyle Property
Exemple
Ajoutez un contour "solide" autour d'un élément <div> :
document.getElementById("myDiv").style.outlineStyle = "solid";
Définition et utilisation
La propriété outlineStyle définit ou renvoie le style du contour autour d'un élément.
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 | |||||
|---|---|---|---|---|---|
| outlineStyle | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété outlineStyle :
object.style.outlineStyle
Définissez la propriété outlineStyle :
object.style.outlineStyle = value
Valeurs de propriété
| Value | Description |
|---|---|
| none | Defines no outline. This is default |
| hidden | The outline is turned off |
| dotted | Defines a dotted outline |
| dashed | Defines a dashed outline |
| solid | Defines a solid outline |
| double | Defines a double outline |
| groove | Defines a 3D grooved outline. The effect depends on the outline-color value |
| ridge | Defines a 3D ridged outline. The effect depends on the outline-color value |
| inset | Defines a 3D inset outline. The effect depends on the outline-color value |
| outset | Defines a 3D outset outline. The effect depends on the outline-color value |
| 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: | rien |
|---|---|
| Valeur de retour : | Une chaîne, représentant le style du contour d'un élément |
| Version CSS | CSS2 |
Plus d'exemples
Exemple
Modifiez le style de contour d'un élément <div> :
document.getElementById("myDiv").style.outlineStyle = "solid";
Exemple
Renvoie le style de contour d'un élément <div> :
alert(document.getElementById("myDiv").style.outlineStyle);
Exemple
Une démonstration de toutes les différentes valeurs:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
Pages connexes
Tutoriel CSS : Plan CSS
Référence CSS : propriété de style contour
Référence HTML DOM : propriété outline
❮ Objet de style