Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Der Titel des Dokuments</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>Beispiel für die Eigenschaft outline-color</h2> <p class="p1">Das ist ein Absatz mit hexadezimaler blauem Umriss.</p> <p class="p2">Das ist ein Absatz mit hsl gelbem Umriss.</p> <p class="p3">Das ist ein Absatz mit hsla grünem Umriss.</p> <p class="p4">Das ist ein Absatz mit rgb rotem Umriss.</p> <p class="p5">Das ist ein Absatz mit rgba grauem Umriss.</p> </body> </html>