Change the color of the four borders of a <div> element to red:
The borderColor property sets or returns the color of an element's border.
This property can take from one to four values:
The borderColor property is supported in all major browsers.
Return the borderColor property:
Set the borderColor property:
| Value | Description |
|---|---|
| color | Specifies the color of the border. Look at CSS Color Values for a complete list of possible color values. Default color is black |
| transparent | The color of the border is transparent (underlying content will shine through) |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
| Default Value: | black |
|---|---|
| Return Value: | A String, representing the color of an element's border |
| CSS Version | CSS1 |
Change the color of the top and bottom border to green, and left and right border to purple, of a <div> element:
Return the border color of a <div> element:
CSS tutorial: CSS Border
CSS reference: border-color property
HTML DOM reference: border property
Style Object
Your message has been sent to W3Schools.