Definition The border-style property sets the style of the four borders, can have from one to four styles. Inherited: No JavaScript Synt...
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
