mirror of
https://github.com/servo/servo.git
synced 2025-08-10 07:55:33 +01:00
Update web-platform-tests to revision a3dd2ad02c65588ad280ceac378d82e9250d1045
This commit is contained in:
WPT Sync Bot
parent
e26530341b
commit
15e68ad3d3
171 changed files with 2819 additions and 1841 deletions
|
|
@ -4,15 +4,15 @@
|
|||
<title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
|
||||
<link rel="author" title="Hirokazu Egashira" href="mailto:yo9ega@aol.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-images/#image-notation">
|
||||
<link rel="match" href="css-image-fallbacks-and-annotations-ref.html">
|
||||
<meta name="assert" content="When the image doesn't load, the background color is still there to ensure that the white text is readable.">
|
||||
<link rel="match" href="css-image-fallbacks-and-annotations-ref.html">
|
||||
<meta name="assert" content="When the image doesn't load, the background color is still there to ensure that the white text is readable.">
|
||||
<style type="text/css">
|
||||
.square{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
background: image("green.png", green);
|
||||
}
|
||||
.square{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
background: image("green.png", green);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -4,16 +4,16 @@
|
|||
<title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
|
||||
<link rel="author" title="Hirokazu Egashira" href="mailto:yo9ega@aol.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-images/#image-notation">
|
||||
<link rel="match" href="css-image-fallbacks-and-annotations-ref.html">
|
||||
<meta name="assert" content="The 'image()' function load the image.">
|
||||
<link rel="match" href="css-image-fallbacks-and-annotations-ref.html">
|
||||
<meta name="assert" content="The 'image()' function load the image.">
|
||||
<style type="text/css">
|
||||
.square{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
color: white;
|
||||
background-color: red;
|
||||
background-image: image("support/1x1-green.png");
|
||||
}
|
||||
.square{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
color: white;
|
||||
background-color: red;
|
||||
background-image: image("support/1x1-green.png");
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -4,15 +4,15 @@
|
|||
<title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
|
||||
<link rel="author" title="Hirokazu Egashira" href="mailto:yo9ega@aol.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-images/#image-notation">
|
||||
<link rel="match" href="css-image-fallbacks-and-annotations-ref.html">
|
||||
<meta name="assert" 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.">
|
||||
<link rel="match" href="css-image-fallbacks-and-annotations-ref.html">
|
||||
<meta name="assert" 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.">
|
||||
<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");
|
||||
}
|
||||
.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>
|
||||
|
|
|
|||
|
|
@ -4,15 +4,15 @@
|
|||
<title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
|
||||
<link rel="author" title="Hirokazu Egashira" href="mailto:yo9ega@aol.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-images/#image-notation">
|
||||
<link rel="match" href="css-image-fallbacks-and-annotations-ref.html">
|
||||
<meta name="assert" content="The rule below would tell the UA to load The first file if it can; failing that to load The second file.">
|
||||
<link rel="match" href="css-image-fallbacks-and-annotations-ref.html">
|
||||
<meta name="assert" content="The rule below would tell the UA to load The first file if it can; failing that to load The second file.">
|
||||
<style type="text/css">
|
||||
.square{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
background-image: image("1x1-green.svg", "1x1-green.png", "support/1x1-green.gif");
|
||||
}
|
||||
.square{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
background-image: image("1x1-green.svg", "1x1-green.png", "support/1x1-green.gif");
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -4,15 +4,15 @@
|
|||
<title>CSS Image Fallbacks and Annotations: the 'image()' notation</title>
|
||||
<link rel="author" title="Hirokazu Egashira" href="mailto:yo9ega@aol.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-images/#image-notation">
|
||||
<link rel="match" href="css-image-fallbacks-and-annotations-ref.html">
|
||||
<meta name="assert" content="The 'image()' function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.">
|
||||
<link rel="match" href="css-image-fallbacks-and-annotations-ref.html">
|
||||
<meta name="assert" content="The 'image()' function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.">
|
||||
<style type="text/css">
|
||||
.square{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
background-image: image(rgba(0,0,255,0.5)), url("support/1x1-green.png");
|
||||
}
|
||||
.square{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
background-color: red;
|
||||
background-image: image(rgba(0,0,255,0.5)), url("support/1x1-green.png");
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -18,9 +18,9 @@
|
|||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>Gradient using 'transparent'</p>
|
||||
<p>Gradient using 'transparent'</p>
|
||||
<div id="gradient1" class="test"></div>
|
||||
<br />
|
||||
<p>Gradient using rgba(0,0,255,0)</p>
|
||||
<p>Gradient using rgba(0,0,255,0)</p>
|
||||
<div id="gradient2" class="test"></div>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -7,14 +7,14 @@
|
|||
<meta name="assert" content="The initial value of the 'object-fit' property is 'fill'."/>
|
||||
<style type="text/css"><![CDATA[
|
||||
img {
|
||||
background: red;
|
||||
height: 100px;
|
||||
width: 50px;
|
||||
}
|
||||
background: red;
|
||||
height: 100px;
|
||||
width: 50px;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div>A green block appears below. There must be no red on the page.</div>
|
||||
<div><img src="support/swatch-green.png" alt="Failed: image missing"/></div>
|
||||
<div>A green block appears below. There must be no red on the page.</div>
|
||||
<div><img src="support/swatch-green.png" alt="Failed: image missing"/></div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -8,16 +8,16 @@
|
|||
<meta name="assert" content="The 'fill' value of the 'image-scaling' property scales the content height and width independently so that the edges of the content just meet the edges of the box established by the used 'height' and 'width'."/>
|
||||
<style type="text/css"><![CDATA[
|
||||
img {
|
||||
border: 5px solid blue;
|
||||
height: 50px;
|
||||
width: 100px;
|
||||
object-fit: fill;
|
||||
background: red;
|
||||
}
|
||||
border: 5px solid blue;
|
||||
height: 50px;
|
||||
width: 100px;
|
||||
object-fit: fill;
|
||||
background: red;
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div>The image below should fill the blue border with no red between the border and the image.</div>
|
||||
<div><img src="support/intrinsic-size.jpg" alt="Failed: image missing" /></div>
|
||||
<div>The image below should fill the blue border with no red between the border and the image.</div>
|
||||
<div><img src="support/intrinsic-size.jpg" alt="Failed: image missing" /></div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue