CSS BORDER-COLOR

  • Share
  • Share

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.