CSS3 Border Bottom Test

• For "border-bottom", initial is (see individual properties), it applies to all elements, it is not inherited, percentage values are N/A, media is visual, and computed value is absolute values.

PASS CRITERIA:

If statement above is correct, this paragraph should have the border bottom determined by initial indivdual property values. No specific CSS rules are applied. However, the border bottom 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 of aqua solid 50px, but this emphasized text has a border bottom of 5px dotted green; the rules applied are: "h3 {border-bottom: aqua solid 50px;}" "em {border-bottom: 5px dotted green;}" So the border bottom 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 property of 5mm silver dashed (because of the rule "h4 {border-bottom: 5mm silver dashed;}", but these italicized words have a border bottom of (initial values of individual properties)(no specific CSS rules applied to "i" element), because the border-bottom property does not inherit. However, the border bottom 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. The nonsensical rule "blockquote {border-bottom: 200%}" should be ignored, but the border-bottom 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. Also, the body's border bottom should be solid red, because of the rule "body {border-bottom: solid red;}".