CSS Property: border-style, border-top-style, border-right-style, border-bottom-style, border-left-style

Possible Values

• none - no border.
• dotted - A series of dots (IE will display this as dashes if the border width is one pixel).
• dashed - A series of dashes.
• solid - A solid line.
• double - Two solid lines.
• groove - Patterned border that is supposed to represent a carved groove (opposite of ridge). Renders differently in different browsers.
• ridge - Patterned border that is supposed to represent an embossed ridge (opposite of groove). Renders differently in different browsers.
• inset - Patterned border that is supposed to represent an inset depression (opposite of outset). Renders differently in different browsers.
• outset - Patterned border that is supposed to represent an outset extrusion (opposite of inset). Renders differently in different browsers.
• hidden - Used with tables. Same as "none", except where there are conflicting borders. Not supported by IE.
• border-style can have:
  • one value, such as solid, to specify the style of the entire border
  • two values, such as solid dotted, to specify the style of top/bottom (first value) and right/left (second value) borders
  • three values, such as solid dotted dashed, to specify the style of top (first value), right/left (second value) and bottom (third value) borders
  • or four values, such as solid dotted dashed groove, to specify the style of top, right, bottom and left borders respectively

Example

.curtains { border-right-style: solid; }
		
.blinds { border-style: dotted dashed; }