Exemple
Définissez le contour autour d' un <p> élément:
p
{
outline: #00FF00 dotted thick;
}
Essayez - le vous - même » Définition et utilisation
Un contour est une ligne qui est dessinée autour des éléments (outside the borders) en "stand out" (outside the borders) pour rendre l'élément "stand out" .
Le contour de la propriété abrégée fixe toutes les propriétés de contour dans une déclaration.
Les propriétés qui peuvent être définies, sont (in order) l' (in order) : outline-color, contour de style, définir la largeur.
Si l' une des valeurs ci - dessus sont manquantes, par exemple "outline:solid #ff0000;" , La valeur par défaut de la propriété manquante sera insérée, le cas échéant.
Remarque: Le contour ne fait pas partie des dimensions de l'élément, donc largeur et la hauteur des propriétés de l'élément ne contiennent pas la largeur du contour.
| Valeur par défaut: | invert none medium |
|---|---|
| Hérité: | no |
| Animable: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS2 |
| Syntaxe JavaScript: | object .style.outline="#0000FF dotted 5px" Try it |
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| outline | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: IE8 prend en charge la propriété de contour uniquement si un DOCTYPE est spécifié!.
Syntaxe CSS
outline:outline-coloroutline-styleoutline-width|initial|inherit;propriété valeurs
| Valeur | La description |
|---|---|
| outline-color | Indique la couleur du contour |
| outline-style | Spécifie le style du contour |
| outline-width | Indique la largeur 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. Lisez à propos de hériteront |
Pages associées
CSS tutorial: CSS Outline
Référence HTML DOM: outline property des outline property