Login | Register   
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


advertisement
 

CSS: Spacing and Areas : Page 5

Learn to use proper spacing and make good use of your Web pages.


advertisement
Border Color
{border-color: colorname/hexvalue/RGB(R%,G%,B%)}
The border-color property lets you set the color of a border.

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.





Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap