BorderStyle

Like for the none keyword, displays no border. In that case, except if a background image is set, the calculated values of border-right-width will be 0, even if specified otherwise through the property. In case of table cell and border collapsing, the hidden value has the highest priority: it means that if any other conflicting border is set, it won't be displayed.

MDN

Like for the hidden keyword, displays no border. In that case, except if a background image is set, the calculated values of border-right-width will be 0, even if specified otherwise through the property. In case of table cell and border collapsing, the none value has the lowest priority: it means that if any other conflicting border is set, it will be displayed.

MDN

Displays a series of short square-ended dashes or line segments. The exact size and Length of the segments are not defined by the specification and are implementation-specific.

MDN

Displays a series of rounded dots. The spacing of the dots are not defined by the specification and are implementation-specific. The radius of the dots is half the calculated border-right-width.

MDN

Displays two straight lines that add up to the pixel amount defined as border-width or border-right-width.

MDN

Displays a border leading to a carved effect. It is the opposite of ridge.

MDN

Displays a border that makes the box appear embedded. It is the opposite of outset. When applied to a table cell with border-collapse set to collapsed, this value behaves like groove.

MDN

Displays a border that makes the box appear in 3D, embossed. It is the opposite of inset. When applied to a table cell with border-collapse set to collapsed, this value behaves like ridge.

MDN

Displays a border with a 3D effect, like if it is coming out of the page. It is the opposite of groove.

MDN

Displays a single, straight, solid line.

MDN