Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Titre du document</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>Exemple de la propriété outline</h2> <p class="dotted">Le Lorem Ipsum est simplement du faux texte employé...</p> <p class="dashed">Le Lorem Ipsum est simplement du faux texte employé...</p> <p class="solid">Le Lorem Ipsum est simplement du faux texte employé...</p> <p class="double">Le Lorem Ipsum est simplement du faux texte employé...</p> <p class="groove">Le Lorem Ipsum est simplement du faux texte employé...</p> <p class="ridge">Le Lorem Ipsum est simplement du faux texte employé...</p> <p class="inset">Le Lorem Ipsum est simplement du faux texte employé...</p> <p class="outset">Le Lorem Ipsum est simplement du faux texte employé...</p> </body> </html>