25 lines
1.8 KiB
HTML
25 lines
1.8 KiB
HTML
<!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: red; color: blue;">Red background, blue text, no border.</p>
|
|
<p style="background-color: lime; color: white; border: 5px dashed orange;">Green background, white text, dashed orange border.</p>
|
|
<p style="background-color: lime; color: red; border: 2px solid purple; font-weight: bold;">Green background, red text, solid purple border.</p>
|
|
<p style="background-color: lime; color: white; border: 5px dashed orange;">Green background, white text, dashed orange border.</p>
|
|
|
|
<p style="background-color: lime; color: blue; border: 5px dashed orange;">Green background, blue text, dashed orange 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>
|
|
|
|
<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>
|
|
<p style="background-color: lime; color: blue; border: 5px dashed orange;">Green background, blue text, dashed orange border.</p>
|
|
</body>
|
|
</html> |