CSS border-style Property

Definition

The border-style property sets the style of the four borders, can have from one to four styles.
Inherited: No

---

JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.borderStyle="dotted double"

---

Example

table {border-style: dotted} all four borders will be dottedtable {border-style: dotted dashed} top and bottom border will be dotted, left an right border will be dashed table {border-style: dotted dashed solid} top border will be dotted, left and right border will be dashed, bottom border will be solid table {border-style: dotted dashed solid double} top border will be dotted, right border will be dashed, bottom border will be solid, left border will be double

Possible Values

Value	Description
none	Defines no border
hidden	The same as "none", except in border conflict resolution for table elements
dotted	Defines a dotted border
dashed	Defines a dashed border
solid	Defines a solid border
double	Defines two borders. The width of the two borders are the same as the border-width value
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

Goto CSS3 and CSS2 complete reference