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