B.12. border-bottom-color, border-left-color, border-right-color, border-top-color

Each of these properties sets the color of the border along one side of an element.

Inherited: No

See also: Section B.16border-color

B.12.1. Value

Any CSS color value (see Appendix D).

Initial value: none

B.12.2. Compatibility

CSS Version: 2

Works in all CSS-compatible browsers, with exception of Netscape 4.

B.12.3. Example

p.funky {
  border-style: solid;
  border-top-color: blue;
  border-right-color: yellow;
  border-bottom-color: #ff0000;
  border-left-color: #0f0;
}

Get HTML Utopia: Designing Without Tables Using CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.