border-style

The border-style property is a shorthand property for setting border-top-style, border-right-style, border-bottom-style, and border-left-style.

Syntax

border-style: [ none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4} | inherit
Initial: none
Applies To: all elements
Inherited: no
Percentages: NA
Media: visual

DOM

[window.]document.getElementById("element-id").style.borderStyle = "border-top-style border-right-style border-bottom-style border-left-style";

Example | dashed

Example | dotted

Example | double

Example | groove

Example | hidden

Example | inset

Example | none

Example | outset

Example | ridge

Example | solid

Example | DOM

External

W3C Cascading Style Sheets, level 1

W3C Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification