Exemple
Définissez la couleur d'un contour en pointillé:
p
{
outline-style: dotted;
outline-color: #00ff00;
}
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" .
La propriété outline-color spécifie la couleur d'un contour.
Note: Déclarez toujours la propriété aperçu de style avant que la propriété outline-color. Un élément doit avoir un aperçu avant de modifier la couleur de celui-ci.
| Valeur par défaut: | invert |
|---|---|
| Hérité: | no |
| Animable: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS2 |
| Syntaxe JavaScript: | object .style.outlineColor="#FF0000" Try it |
Trucs et astuces
Un contour est une ligne autour d'un élément. Elle est affichée 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 largeur et la hauteur des propriétés de l'élément ne contiennent pas la largeur du contour.
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-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: IE8 prend en charge la propriété outline-color seulement si un DOCTYPE est spécifié!.
Syntaxe CSS
outline-color: invert|color|initial|inherit;propriété valeurs
| Valeur | La description | Joue-le |
|---|---|---|
| invert | Effectue une inversion des couleurs. Cela garantit que le contour est visible, indépendamment de la couleur de fond. Ceci est par défaut | Joue-le " |
| color | Indique la couleur du contour. Regardez couleur CSS valeurs pour une liste complète des valeurs de couleurs possibles. | Joue-le " |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial | Joue-le " |
| 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 CSS: outline property des outline property
Référence HTML DOM: outlineColor property