border-color

The border of an element resides between the padding and margin areas of the element container. Border properties may be set as a single value for all four sides, or as individual values for each side. Border values are not inherited: they are valid only in that instance of the element. border-color This property is used to specify the color of the border surrounding the element or object. The foreground color of the document is used as the default setting for this property. The value for the color may be a named color or an #RRGGBB value expressed in the hexadecimal numbering system. If a single color is specified, that color will represent the entire element border color. If two values are used, the first value will specify the top and bottom border colors, and the second color value will represent the right and left border colors. If three values are used, the first will represent the top border color, the second will represent the right and left border colors, and the third will represent the bottom border color. If four values are used, the first will represent the top border color, the second the right, the third the bottom, and the fourth the left. EXAMPLES: P {border-width: 10px; border-color: red; border-style: solid} This example will display a solid style border 10 pixels wide, which is colored red. img.banner {border-style: solid; border-width: 15px; border-color: #FF00FF blue #FF00FF blue} This example will display a border around the image 'banner' of the solid style 15 pixels wide. The top and bottom border colors are represented by the #RRGGBB value #FF00FF, which is Fuschia. The right and left borders are represented by the named color 'blue'.