<!doctype html>
<html>
    <head>
        <style>
            p { /* Ref-test must fix into 800*600, keep the margins small. */
                margin: 2px;
            }
        </style>
    </head>
    <body>
        <p>This test verify basic styling of element using case-insensitive attribute value matching (e.g. [foo=bar i]). If the test succeed, each paragraph should be styled according to its description.</p>
        <p style="background-color: lightgrey; color: blue;">Light grey background, blue text, no border.</p>
        <p style="background-color: lightgrey; color: white;">Light grey background, white text, no border.</p>
        <p style="background-color: lightgrey; color: red;">Light grey background, red text, no border.</p>
        <p style="background-color: lightgrey; color: red;">Light grey background, red text, no border.</p>

        <p style="background-color: lightgrey; color: blue;">Light grey background, blue text, no border.</p>
        <p style="background-color: lightgrey; color: blue;">Light grey background, blue text, no border.</p>
        <p style="background-color: lightgrey; color: blue;">Light grey background, blue text, no border.</p>

        <p style="background-color: lime; color: blue; border: 2px solid purple;">Green background, blue text, solid purple border.</p>
        <p style="background-color: lime; color: blue; border: 2px solid purple;">Green background, blue text, solid purple border.</p>
        <p style="background-color: lime; color: blue; border: 5px dashed orange;">Green background, blue text, dashed orange border.</p>
    </body>
</html>