CSS Border Properties

0
73

CSS BORDER STYLES

  • dotted – Defines a dotted border
  • dashed – Defines a dashed border
  • solid – Defines a solid border
  • double – Defines a double border
  • groove – Defines a 3D grooved border. The effect depends on the border-color value
  • ridge – Defines a 3D ridged border. The effect depends on the border-color value
  • inset – Defines a 3D inset border. The effect depends on the border-color value
  • outset – Defines a 3D outset border. The effect depends on the border-color value
  • none – Defines no border
  • hidden – 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

example

Related Post