<!DOCTYPE html> <html> <head> <title>CSS Border Styles</title> </head> <body> <style type="text/css"> h4.none {border-style: none;} h4.dotted {border-style: dotted;} h4.dashed {border-style: dashed;} h4.solid {border-style: solid;} h4.double {border-style: double;} h4.groove {border-style: groove;} h4.ridge {border-style: ridge;} h4.inset {border-style: inset;} h4.outset {border-style: outset;} h4.hidden {border-style: hidden;} </style> <h4 class="none">Border Style : No border.</h4> <h4 class="dotted">Border Style : dotted.</h4> <h4 class="dashed">Border Style : dashed.</h4> <h4 class="solid">Border Style : solid.</h4> <h4 class="double">Border Style : double.</h4> <h4 class="groove">Border Style : groove.</h4> <h4 class="ridge">Border Style : ridge.</h4> <h4 class="inset">Border Style : inset.</h4> <h4 class="outset">Border Style : outset.</h4> <h4 class="hidden">Border Style : hidden.</h4> </body> </html>
Output :
Topic :
Border Styles
