CSS3 Border Bottom Color Test

• For "border-bottom-color", initial is the value of the "color" property, it applies to all elements, it is not inherited, percentage values are N/A, media is visual, and computed value is "color".

PASS CRITERIA:

If statement above is correct, this paragraph should be UA-default border bottom color. A CSS rule of "border-bottom-style: solid" is applied. However, the border bottom color property does apply to the p element. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively.

This h3 heading has a border bottom color of aqua, but this emphasized text has a border bottom color of green; the rules applied are: "h3 {border-bottom-color: aqua;}" "em {border-bottom-color: green}" So the border bottom color property applies to the h3 and em elements. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively.

This h4 heading has a border bottom color property of silver (because of the rule "h4 {border-bottom-color: silver}", but these italicized words have a border bottom color of UA-default, because the border-bottom-color property does not inherit. So the border bottom color property does apply to the h4 and i elements. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively.

This blockquote element should have a UA-default border bottom color. The nonsensical rule "blockquote {border-bottom-color: 200%}" should be ignored, but the border-bottom-color property does apply to the blockquote element. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively. Here is more text to test this more effectively.

All other properties of this page should be UA-default. This is a paragraph, like the one above. Border bottom style of solid is applied to all CSS rules, so that bottom border is visible.