枠(border-style)
<html> <head> <title>枠</title> <style type="text/css"> <!-- p { margin: 30px 5px; padding: 5px; } .c1 { border-style: solid; } .c2 { border-style: dotted; } .c3 { border-style: dashed; } .c4 { border-style: double; } .c5 { border-style: groove; } .c6 { border-style: ridge; } .c7 { border-style: inset; } .c8 { border-style: outset; } .c9 { border-style: dotted double groove outset; } //--> </style> </head> <body> <p class="c1"> 枠線solid<br> </p> <p class="c2"> 枠線dotted<br> </p> <p class="c3"> 枠線dashed<br> </p> <p class="c4"> 枠線double<br> </p> <p class="c5"> 枠線groove<br> </p> <p class="c6"> 枠線ridge<br> </p> <p class="c7"> 枠線inset<br> </p> <p class="c8"> 枠線outset<br> </p> <p class="c9"> 枠線上dotted 右double 下groove 左outset<br> </p> </body> </html>
〔 実行する 〕