mirror of
https://github.com/servo/servo.git
synced 2025-09-13 00:18:22 +01:00
Move background_position_shorthand.html to wpt reftests.
This commit is contained in:
parent
ac1b595609
commit
98328fdfb2
4 changed files with 25 additions and 1 deletions
|
@ -315,6 +315,18 @@
|
|||
"url": "/_mozilla/css/background_position_percent.html"
|
||||
}
|
||||
],
|
||||
"css/background_position_shorthand.html": [
|
||||
{
|
||||
"path": "css/background_position_shorthand.html",
|
||||
"references": [
|
||||
[
|
||||
"/_mozilla/css/background_position_shorthand_ref.html",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
"url": "/_mozilla/css/background_position_shorthand.html"
|
||||
}
|
||||
],
|
||||
"css/class-namespaces.html": [
|
||||
{
|
||||
"path": "css/class-namespaces.html",
|
||||
|
@ -1412,6 +1424,18 @@
|
|||
"url": "/_mozilla/css/background_position_percent.html"
|
||||
}
|
||||
],
|
||||
"css/background_position_shorthand.html": [
|
||||
{
|
||||
"path": "css/background_position_shorthand.html",
|
||||
"references": [
|
||||
[
|
||||
"/_mozilla/css/background_position_shorthand_ref.html",
|
||||
"=="
|
||||
]
|
||||
],
|
||||
"url": "/_mozilla/css/background_position_shorthand.html"
|
||||
}
|
||||
],
|
||||
"css/class-namespaces.html": [
|
||||
{
|
||||
"path": "css/class-namespaces.html",
|
||||
|
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>background shorthand test</title>
|
||||
<link rel=match href=background_position_shorthand_ref.html>
|
||||
<style>
|
||||
div {
|
||||
float: left; /* So all the divs are visible in the test viewport */
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
/* test different orders for background position */
|
||||
#a { background: red url(100x100_green.png) no-repeat right center; }
|
||||
#b { background: red url(100x100_green.png) no-repeat center right; }
|
||||
#c { background: right center red url(100x100_green.png) no-repeat; }
|
||||
#d { background: red url(100x100_green.png) right center no-repeat; }
|
||||
#e { background: red url(100x100_green.png) no-repeat right; }
|
||||
#f { background: right red url(100x100_green.png) no-repeat; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="a"></div>
|
||||
<div id="b"></div>
|
||||
<div id="c"></div>
|
||||
<div id="d"></div>
|
||||
<div id="e"></div>
|
||||
<div id="f"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>background shorthand test</title>
|
||||
<style>
|
||||
.outer {
|
||||
float: left;
|
||||
background-color: red;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
.inner {
|
||||
background-image: url(100x100_green.png);
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
top: 50px;
|
||||
left: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="outer"><div class="inner"></div></div>
|
||||
<div class="outer"><div class="inner"></div></div>
|
||||
<div class="outer"><div class="inner"></div></div>
|
||||
<div class="outer"><div class="inner"></div></div>
|
||||
<div class="outer"><div class="inner"></div></div>
|
||||
<div class="outer"><div class="inner"></div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
Loading…
Add table
Add a link
Reference in a new issue