The CSS border-style attribute is used to specify the line style of an element's border, and can take one of the following values:

none
No border. This value forces the computed value of 'border-width' to be '0'.

solid
The border is a single line segment.

double
The border is two solid lines. The sum of the two lines and the space between them equals the value of 'border-width'.

groove
The border looks as though it were carved into the canvas.

ridge
The opposite of 'groove'; the border looks as though it were coming out of the canvas.

inset
The border makes the entire box look as though it were embedded in the canvas.

outset
The opposite of 'inset'; the border makes the entire box look as though it were coming out of the canvas.

The following border styles are also included for special uses.

hidden
Same as 'none', except for use in border conflict resolution for table elements.

dotted
The border is a series of dots, included for non-graphic terminals.

dashed
The border is a series of short line segments, included for non-graphic terminals.