Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Sauvegarder le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> p.ex1 { bordure: 2px solide noir; padding: 5px; style-de-contour: solide; outline-color: hsl(0, 100%, 50%); /* rouge */ } p.ex2 { bordure: 2px solide noir; padding: 5px; style-de-contour: pointillé; outline-color: hsl(240, 100%, 50%); /* bleu */ } p.ex3 { bordure: 2px solide noir; padding: 5px; style-de-contour: solide; outline-color: hsl(0, 0%, 73%); /* gris */ } </style> </head> <body> <h2>La propriété outline-color</h2> <p>La couleur du contour peut également être spécifiée en utilisant des valeurs HSL :</p> <p class="ex1">Une bordure rouge solide.</p> <p class="ex2">Une bordure bleue en pointillés.</p> <p class="ex3">Un contour gris solide.</p> </body> </html>