CSS outline-colorPropriété
Exemple
Définit la couleur d'un contour en tirets :
{
outline-style:dotted;
outline-color:#0080FF;
}
Essayez-le vous-même »
Définition et utilisation de la propriété
Un contour est une ligne tracée autour d'un élément, à l'extérieur de la bordure.
La propriété outline-color spécifie la couleur d'un contour.
Remarque :Déclarez toujours la propriété outline-style avant la propriété outline-color. Un élément doit avoir un contour avant de pouvoir changer sa couleur de contour.
| Valeur par défaut : | invert |
|---|---|
| Héritée : | non |
| version : | CSS2 |
| Syntaxe JavaScript : | object.style.outlineColor="#0080FF" |
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Conseils et notes
Le contour entoure l'élément. C'est la marge autour de l'élément. Cependant, il provient d'une propriété border différente.
Le contour ne fait pas partie des dimensions de l'élément, donc les propriétés width et height de l'élément n'incluent pas la largeur du contour.
Valeur de la propriété
| Valeur | Description | |
|---|---|---|
| color | Spécifie la couleur du contour. VoirValeurs de couleur CSSpour une liste complète des valeurs de couleur. | |
| invert | Par défaut. Effectue une inversion des couleurs (inverse les couleurs). Rend le contour visible sur différentes couleurs d'arrière-plan. | |
| inherit | Spécifie que la couleur du contour doit être héritée de l'élément parent. |
Articles connexes
Tutoriel CSS :Contour CSS
Manuel de référence CSS :propriété outline
autres extensions