CSS3 Background Clip Test

• For "background-clip", possible values are "border | padding".

PASS CRITERIA:

If statement above is true, this paragraph should have a border (default) background clip. The background is blue. The rule applied is "p {background-clip: ;}". Also "p {background-color: blue}". Also padding is 0 since "p {padding: 0}" rule applied. Also border is dotted 50px since rule "p {border-style: dotted; border-width: 50px;}" is applied.

The background-clip of this h3 heading should be border. The rule applied is "h3 {background-clip: border;}". The background color is silver. Other rule is "h3 {background-color: silver;}". Also "border-style" is dashed and border-width is 100px. Rules are "h3 {border-style: dashed}" and "h3 {border-width: 100px}". Also padding is 0 since "h3 {padding: 0;}" applied.

The background-clip of this h4 heading should be padding. The rule applied is "h4 {background-clip: padding;}". The background color is yellow. Other rule applied is "h4 {background-color: yellow;}". Also padding is 0 since "h4 {padding: 0}" applied. This emphasized test should have a background clip (not inherited) of UA-default, since em is a child of h4. No specific background-clip rule is applied for em. The background-color of em should be aqua. The rule applied is "em {background-color: aqua;}".

All other properties of this page should be UA-default. This is a paragraph, like the one above.