Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> p { outline-color:vert; padding: 5px; } p.dotted {outline-style: dotted;} p.dashed {outline-style: dashed;} p.solid {outline-style: solid;} p.double {outline-style: double;} p.groove {outline-style: groove;} p.ridge {outline-style: ridge;} p.inset {outline-style: inset;} p.outset {outline-style: outset;} </style> </head> <body> <h2>La propriété outline-style</h2> <p class="dotted">Une bordure en pointillés</p> <p class="dashed">Une contour en pointillés</p> <p class="solid">Un plan solide</p> <p class="double">Un contour double</p> <p class="groove">Un contour de rainure. L'effet dépend de la valeur de outline-color.</p> <p class="ridge">Un contour de crête. L'effet dépend de la valeur de outline-color.</p> <p class="inset">Un contour en retrait. L'effet dépend de la valeur de outline-color.</p> <p class="outset">Un contour de départ. L'effet dépend de la valeur de outline-color.</p> </body> </html>