This is a shorthand property which allows an author to specify ‘border-top-color’, ‘border-right-color’, ‘border-bottom-color’, and ‘border-left-color’ properties using a single property and value notation (the values are given in this order separated by spaces.) If one or more of the values are not present, the value for a missing side is taken from the opposite side that is present. If only one value is listed, it applies to all sides. If no border-color is specified for an element’s border, the value of the ‘color’ property is used instead.
Example
| em { border-color: blue }
<em style=”border-color: #ff0000 green”>this is an emphasized test</em> |
Possible Values
| Value | Description |
|---|---|
| inherit | Explicitly sets the value of this property to that of the parent. |
| transparent | The border is transparent (with any accompanying ‘border-width’ thickness) - eg: elements below it shine through. |
| [color] | Sets the border to the indicated color value. |
Leave a Reply