border-style
1p.dotted {border-style: dotted;}
2p.dashed {border-style: dashed;}
3p.solid {border-style: solid;}
4p.double {border-style: double;}
5p.groove {border-style: groove;}
6p.ridge {border-style: ridge;}
7p.inset {border-style: inset;}
8p.outset {border-style: outset;}
9p.none {border-style: none;}
10p.hidden {border-style: hidden;}
11p.mix {border-style: dotted dashed solid double;}
Sample Output
A dotted border.
A dashed border.
A solid border.
A double border.
A groove border.
A ridge border.
An inset border.
An outset border.
No border.
A mixed border.
Parameters
| Value | Description |
|---|---|
| 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 |
| mix | Defines mixed border with the given options |