Possible border styles values:

The border is a dotted line drawn on top of the background of the element.

1

dashed

The border is a dashed line drawn on top of the background of the element.

1

solid

The border is a solid line.

1

double

The border is a double line drawn on top of the background of the element.
The sum of the two single lines and the space between equals the 'border-width'
value.

1

groove

A 3D groove is drawn in colors based on the <color> value.

1

ridge

A 3D ridge is drawn in colors based on the <color> value.

1

inset

A 3D inset is drawn in colors based on the <color> value.

1

outset

A 3D outset is drawn in colors based on the <color> value.

1

inherit

Will inherit the value from parent specification. This property value is new with CSS 2.

2

You can set one to four values:

Amount of values

Result of setting values

value

When you specify only one value, then all
the border styles will be set to this value.

value1 value2

When you specify two values,
then the top and the bottom border style is set to value1
and left and right border style will be set to value2.

value1 value2 value3

When you specify three values, then the top
border style will be set to value1, left and right
border style will be set to value2 and the bottom
border style will be set to value3.

value1 value2 value3 value4

When you specify four values, then the
top border style will be set to value1, the
right border style will be set to value2,
the bottom border style will be set to
value3 and the left border style will be set to value4.

Javascript access:

// To SET values ([o] is the target object)
[o].style.outlineStyle=outline-style value"// To GET values you must first get the computed style object// To get that object in IE or Opera:
var cStyle=[o].currentStyle;
// To get that object in Firefox, Chrome or Safari (w3c-type):
var cStyle=window.getComputedStyle([o],null)
// To GET the property value:;
var value=cStyle.outlineStyle;