CSS3 Border Image Test

• The "border-image" property Specifies an image to use instead of the border styles given by the border-style properties and an additional background image for the element..

PASS CRITERIA:

If statement above is true, this paragraph should have a border image of of tile(nist.gif, 50%, 50%, 50%, 50%) repeat-x. The rule applied is "p {border-image: tile(nist.gif, 50%, 50%, 50%, 50%) repeat-x;}" 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 should have a border-image of tile(ovalbbut.gif, 33%, 33%, 33%, 33%) repeat-y. The rule applied is "h3 {border-image: border-image: tile(ovalbbut.gif, 33%, 33%, 33%, 33%) repeat-y;}" 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, so should also have the same border-image setting. Border-style of solid is applied to all rules, so that if the image specified is unavailable a solid border will appear.