Couleur du contour CSS
Couleur du contour CSS
La outline-color
propriété est utilisée pour définir la couleur du contour.
La couleur peut être définie par :
- name - spécifiez un nom de couleur, comme "rouge"
- HEX - spécifiez une valeur hexadécimale, comme "#ff0000"
- RVB - spécifiez une valeur RVB, comme "rgb(255,0,0)"
- HSL - spécifiez une valeur HSL, comme "hsl(0, 100%, 50%)"
- invert - effectue une inversion de couleur (ce qui garantit que le contour est visible, quelle que soit la couleur de fond)
L'exemple suivant montre quelques contours différents avec des couleurs différentes. Notez également que ces éléments ont également une fine bordure noire à l'intérieur du contour :
Un contour rouge uni.
Un contour bleu pointillé.
Un contour gris d'emblée.
Exemple
p.ex1
{
border: 2px solid black;
outline-style: solid;
outline-color: red;
}
p.ex2
{
border: 2px solid black;
outline-style: dotted;
outline-color: blue;
}
p.ex3
{
border: 2px solid black;
outline-style: outset;
outline-color: grey;
}
Valeurs HEX
La couleur du contour peut également être spécifiée à l'aide d'une valeur hexadécimale (HEX) :
Exemple
p.ex1 {
outline-style: solid;
outline-color: #ff0000;
/* red */
}
Valeurs RVB
Ou en utilisant les valeurs RVB :
Exemple
p.ex1 {
outline-style: solid;
outline-color: rgb(255, 0, 0); /*
red */
}
Valeurs HSL
Vous pouvez également utiliser les valeurs HSL :
Exemple
p.ex1 {
outline-style: solid;
outline-color: hsl(0, 100%, 50%);
/* red */
}
Vous pouvez en savoir plus sur les valeurs HEX, RVB et HSL dans nos chapitres sur les couleurs CSS .