CSS BORDER STYLES
dotted– Defines a dotted borderdashed– Defines a dashed bordersolid– Defines a solid borderdouble– Defines a double bordergroove– Defines a 3D grooved border. The effect depends on the border-color valueridge– Defines a 3D ridged border. The effect depends on the border-color valueinset– Defines a 3D inset border. The effect depends on the border-color valueoutset– Defines a 3D outset border. The effect depends on the border-color valuenone– Defines no borderhidden– Defines a hidden border
Example
1.p.dotted {border-style: dotted;}
2.p.dashed {border-style: dashed;}
3.p.solid {border-style: solid;}
4.p.double {border-style: double;}
5.p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
6.p.inset {border-style: inset;}
7.p.outset {border-style: outset;}
8.p.none {border-style: none;}
9.p.hidden {border-style: hidden;}
10.p.mix {border-style: dotted dashed solid double;}
example
example
example
example
example
example
example
example
example
example
