CSS border-bottom-style Property
border-bottom-style property sets the bottom border style of an element.
The following table outline the usages and version history of this property.
|object.style.borderBottomStyle = "double"
Here is a syntax for the CSS
border-bottom-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit;
The following table describes the values of this property.
|Default. Displays no border.
none, except table cells border conflict resolution
|Displays the border as a series of rounded dots
|Displays the border as a series of short square dashes
|Displays the border as a single solid line
|Displays the border as a two parallel solid lines with some space between them equals the value of border-width.
|Displays the border as a grooved border. It's depend border-color value to creating shadow from two colors that are slightly lighter and darker than the border-color
|Displays the border as a ridged border that is opposite of
|Displays the border as a inset border, it's look as though it were embedded in the canvas. It's depend border-color value to creating shadow from two colors that are slightly lighter and darker than the border-color
|Displays the border as a outset border that is opposite of
|Sets default value of this property
|Inherits this property from its parent element.
The example below shows to sets border bottom style.
- Google Chrome 1+
- Mozilla Firefox 1+
- Internet Explorer 4+
- Opera 4+
- Safari 1+
Note: Here details of browser compatibility with version number may be this is bug and not supported. But recommended to always use latest Web browser.