servo/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations003.htm

21 lines
No EOL
855 B
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html><head>
<title>CSS Image Fallbacks and Annotations: the image() notation</title>
<link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira">
<link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help">
<link href="reference/css-image-fallbacks-and-annotations-ref.htm" rel="match">
<meta content="The rule below would tell the UA to load The first file if it can; failing that to load The second file; failing that to display The third file." name="assert">
<style type="text/css">
.square{
width: 200px;
height: 200px;
background-color: red;
background-image: image("1x1-green.svg", "support/1x1-green.png","support/1x1-green.gif");
}
</style>
</head>
<body>
<p>Test passes if background is green and no red.</p>
<div class="square"></div>
</body></html>