Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS border-right-style property</title> <style> p { border-right-width: 3px; } p.none { border-right-style: none; } p.dotted { border-right-style: dotted; } p.dashed { border-right-style: dashed; } p.solid { border-right-style: solid; } p.double { border-right-style: double; } p.groove { border-right-style: groove; } p.ridge { border-right-style: ridge; } p.inset { border-right-style: inset; } p.outset { border-right-style: outset; } </style> </head> <body> <h1>Various border style.</h1> <p class="none">No right border.</p> <p class="dotted">A dotted right border.</p> <p class="dashed">A dashed right border.</p> <p class="solid">A solid right border.</p> <p class="double">A double right border.</p> <p class="groove">A groove right border.</p> <p class="ridge">A ridge right border.</p> <p class="inset">An inset right border.</p> <p class="outset">An outset right border.</p> </body> </html>