Sublime Text
<!DOCTYPE html> <html> <head> <style type="text/css"> #p1{border-style: dotted;} #p2{border-style: dashed;} #p3{border-style: solid;} #p4{border-style: double;} #p5{border-style: groove;} #p6{border-style: ridge;} #p7{border-style: inset;} #p8{border-style: outset;} #p9{border-style: none;} #p10{border-style: hidden;} </style> </head> <body> <p id="p1">dotted</p> <p id="p2">dashed</p> <p id="p3">solid</p> <p id="p4">double</p> <p id="p5">groove</p> <p id="p6">ridge</p> <p id="p7">inset</p> <p id="p8">outset</p> <p id="p9">none</p> <p id="p10">hidden</p> </body> </html>
<!DOCTYPE html> <html> <head> <style type="text/css"> #p1{border-style: dotted;} #p2{border-style: dashed;} #p3{border-style: solid;} #p4{border-style: double;} #p5{border-style: groove;} #p6{border-style: ridge;} #p7{border-style: inset;} #p8{border-style: outset;} #p9{border-style: none;} #p10{border-style: hidden;} </style> </head> <body> <p id="p1">dotted</p> <p id="p2">dashed</p> <p id="p3">solid</p> <p id="p4">double</p> <p id="p5">groove</p> <p id="p6">ridge</p> <p id="p7">inset</p> <p id="p8">outset</p> <p id="p9">none</p> <p id="p10">hidden</p> </body> </html>