22.12.2013 Views

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

’border-color’<br />

Value: {1,4} | transparent | inherit<br />

Initial: see individual properties<br />

Applies to: all elements<br />

Inherited: no<br />

Percentages: N/A<br />

Media: visual<br />

The ’border-color’ property sets the color of the four borders. Values have the<br />

following meanings:<br />

<br />

Specifies a color value.<br />

transparent<br />

The border is transparent (though it may have width).<br />

The ’border-color’ property can have from one to four values, and the values<br />

are set on the different sides as for ’border-width’.<br />

If an element’s border color is not specified with a border property, user agents<br />

must use the value of the element’s ’color’ property as the computed value [p. 70]<br />

for the border color.<br />

Example(s):<br />

In this example, the border will be a solid black line.<br />

P {<br />

color: black;<br />

background: white;<br />

border: solid;<br />

}<br />

8.5.3 Border style: ’border-top-style’,<br />

’border-right-style’, ’border-bottom-style’,<br />

’border-left-style’, and ’border-style’<br />

The border style properties specify the line style of a box’s border (solid, double,<br />

dashed, etc.). The properties defined in this section refer to the <br />

value type, which make take one of the following:<br />

none<br />

No border. This value forces the computed value of ’border-width’ to be ’0’.<br />

hidden<br />

Same as ’none’, except in terms of border conflict resolution [p. 264] for<br />

table elements [p. 245] .<br />

dotted<br />

The border is a series of dots.<br />

dashed<br />

The border is a series of short line segments.<br />

solid<br />

The border is a single line segment.<br />

90

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!