Add a bottom border to a <div> element:
The borderBottom property sets or returns up to three separate border-bottom properties, in a shorthand form.
With this property, you can set/return one or more of the following (in any order):
The borderBottom property is supported in all major browsers.
Return the borderBottom property:
Set the borderBottom property:
Parameter | Description |
---|---|
width | Sets the width of the bottom border |
style | Sets the style of the bottom border |
color | Sets the color of the bottom border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Default Value: | not specified |
---|---|
Return Value: | A String, representing the width, style and/or color of the bottom border of an element |
CSS Version | CSS1 |
Change the width, style and color of the bottom border of a <div> element:
Return the border-bottom property values of a <div> element:
CSS tutorial: CSS Border
CSS reference: border-bottom property
HTML DOM reference: border property