Exemple
Ajouter un "solid" contour autour d' un <div> élément:
document.getElementById("myDiv").style.outlineStyle = "solid"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de OutlineStyle ou retourne 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, donc la largeur de l'élément et les propriétés hauteur ne contiennent pas la largeur du contour.
Support du navigateur
La propriété outlineStyle est pris en charge dans tous les principaux navigateurs.
Note: La propriété outlineStyle est pas pris en charge dans IE7 et plus tôt. IE8 a besoin d'un! DOCTYPE. IE9 et de soutenir plus tard.
Syntaxe
Retour la propriété outlineStyle:
object .style.outlineStyle
Définissez la propriété outlineStyle:
object .style.outlineStyle= value Valeurs de propriété
| Valeur | La description |
|---|---|
| none | Définit sans contour. Ce défaut est |
| hidden | Le contour est éteint |
| dotted | Définit un contour en pointillé |
| dashed | Définit un contour en pointillés |
| solid | Définit un plan solide |
| double | Définit un double contour |
| groove | Définit un contour rainuré 3D. L'effet dépend de la valeur couleur du contour |
| ridge | Définit un contour striée 3D. L'effet dépend de la valeur couleur du contour |
| inset | Définit un contour encart 3D. L'effet dépend de la valeur couleur du contour |
| outset | Définit un plan de départ 3D. L'effet dépend de la valeur couleur du contour |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | aucun |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente le style du contour d'un élément |
| version CSS | CSS2 |
autres exemples
Exemple
Changer le style de contour d'un <div> élément:
document.getElementById("myDiv").style.outlineStyle = "solid";
Essayez vous - même » Exemple
Retour le style de contour d'un <div> élément:
alert(document.getElementById("myDiv").style.outlineStyle); Essayez vous - même » Exemple
Une démonstration de toutes les différentes valeurs:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue; Essayez vous - même » Pages associées
Tutoriel CSS: Aperçu CSS
Référence CSS: la outline-style property
Référence HTML DOM: outline property
<Style objet