Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Der Titel des Dokuments</title> <style> p.dotted {outline: 4px dotted gray;} p.dashed {outline: 0.2em dashed rgb(142,191,66);} p.solid {outline: 4px solid #ccc;} p.double {outline: 4px double #000;} p.groove {outline: 4px groove #666;} p.ridge {outline: thick ridge #1c87c9;} p.inset {outline: medium inset #1c87c9;} p.outset {outline: 4px outset #1c87c9;} </style> </head> <body> <h2>Ein Beispiel für die Eigenschaft outline</h2> <p class="dotted">Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie...</p> <p class="dashed">Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie...</p> <p class="solid">Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie...</p> <p class="double">Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie...</p> <p class="groove">Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie...</p> <p class="ridge">Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie...</p> <p class="inset">Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie...</p> <p class="outset">Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie...</p> </body> </html>