Exemple
Ajoutez un contour autour d' un <div> élément:
document.getElementById("myDiv").style.outline = "thick solid #0000FF"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de contour 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 l'ordre):
- outline-width
- les grandes lignes de style
- contour de 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, 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é outline est pris en charge dans tous les principaux navigateurs.
Note: La propriété contour 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 de la propriété outline:
object .style.outline
Définissez la propriété outline:
object .style.outline=" Valeurs de propriété Paramètre La description width Définit la largeur du contour style Définit le style du contour color Définit la 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: moyen aucun inverti Valeur de retour: Une chaîne, représentant la largeur contour, le style et / ou la couleur d'un élément version CSS CSS2
autres exemples
Exemple
Changer la largeur, le style et la couleur du contour d'un <div> élément:
document.getElementById("myDiv").style.outline = "5px dotted green"; Essayez vous - même »
Exemple
Retour les valeurs de propriétés de contour d'un <div> élément:
alert(document.getElementById("myDiv").style.outline); Essayez vous - même »
Pages associées
Tutoriel CSS: Aperçu CSS
Référence CSS: outline property
<Style objet