Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the 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>Outline-color property example</h2> <p class="p1">This is a paragraph with hexadecimal blue outline.</p> <p class="p2">This is a paragraph with hsl yellow outline.</p> <p class="p3">This is a paragraph with hsla green outline.</p> <p class="p4">This is a paragraph with rgb red outline.</p> <p class="p5">This is a paragraph with rgba grey outline.</p> </body> </html>