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
Style Object
Your message has been sent to W3Schools.