CSS: Spacing and Areas : Page 5

You can enter one to four values to set different colors for different sides of the border. When there is one value, all four sides are the same color. If there are two values, the first value sets the top and bottom borders, and the second value sets the left and right borders. If there are three values, the first value sets the top border, the second sets the left and right borders, and the third sets the bottom border. With four values, the first sets the top border, the second the right border, the third the bottom border, and the fourth the left border.

The border-color property must be used in conjunction with the border-width and border-style properties to ensure that CSS-enabled browsers process it correctly.

Example:

	P {border-color: #228b22}
	

If you are using a CSS-enabled browser, this paragraph has a forest green border.

	P {border-color: purple red green blue}
	

If you are using a CSS-enabled browser, this paragraph has a purple top border, a red right border, a green bottom border, and a blue left bottom.