Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Titre du document</title> <style> .p1{ outline-style: solid; outline-color: #1c87c9; } .p2{ outline-style: solid; outline-color: hsl(65, 100%, 50%); } .p3{ outline-style: solid; outline-color: hsla(84, 49%, 50%, 1); } .p4{ outline-style: solid; outline-color: rgb( 224, 0, 0); } .p5{ outline-style: solid; outline-color: rgba(204,204,204,1); } </style> </head> <body> <h2>Exemple de la propriété outline-color </h2> <p class="p1">C'est un paragraphe avec un contour bleu hexadecimal.</p> <p class="p2">C'est un paragraphe avec un contour jaune hsl.</p> <p class="p3">C'est un paragraphe avec un contour vert hsla.</p> <p class="p4">C'est un paragraphe avec un contour rouge rgb.</p> <p class="p5">C'est un paragraphe avec un contour gris rgba.</p> </body> </html>