Search within TutorialsPark

CSS border-bottom-style Property


To set the style of the bottom edge of the border


Definition and Notes.

1. The CSS border-bottom-style property sets the style of the bottom edge of the border

2. For the border to appear the value must be anything other thannone.


Syntax:

CSS border-bottom-style property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note- Should be used only when specific styling of the border is required

Property Values

Value Description Appearance
dotted Border made up of a series of square dots

dotted

dashed Border made up of a series of short-lines

dashed

solid A plain solid line

solid

double Border made up of two solid lines

double

groove Border appears to be carved into the page

groove

ridge Border appears to stick out from the page

ridge

inset Border appears to be embedded into the page

inset

outset The Border appears to be comming out of the screen

outset

none No Border is shown at all

none

inherit Inherits border-style from the parent element

inherit


Specifications

Specs Value
Name border-bottom-style
Value none | hidden | dotted | solid | double | groove | ridge | inset | outset
Initial Value none
Applies to all elements.
Javascript syntax object.style.borderBottomStyle=" ridge "
Inherited No
Browser Support internetexplorer safari firefox opera chrome

Related Examples.