Move border_radius_elliptical_a.html to wpt reftests.

This commit is contained in:
Ms2ger 2015-10-20 14:47:50 +02:00
parent 9cc4923c41
commit 6b5b10924b
4 changed files with 25 additions and 1 deletions

View file

@ -707,6 +707,18 @@
"url": "/_mozilla/css/border_radius_dashed_a.html"
}
],
"css/border_radius_elliptical_a.html": [
{
"path": "css/border_radius_elliptical_a.html",
"references": [
[
"/_mozilla/css/border_radius_elliptical_ref.html",
"=="
]
],
"url": "/_mozilla/css/border_radius_elliptical_a.html"
}
],
"css/class-namespaces.html": [
{
"path": "css/class-namespaces.html",
@ -4476,6 +4488,18 @@
"url": "/_mozilla/css/border_radius_dashed_a.html"
}
],
"css/border_radius_elliptical_a.html": [
{
"path": "css/border_radius_elliptical_a.html",
"references": [
[
"/_mozilla/css/border_radius_elliptical_ref.html",
"=="
]
],
"url": "/_mozilla/css/border_radius_elliptical_a.html"
}
],
"css/class-namespaces.html": [
{
"path": "css/class-namespaces.html",

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<link rel=match href=border_radius_elliptical_ref.html>
<style type="text/css">
div.box {
background: white;
border-width: 15px 15px 15px 15px;
border-color: yellow red green blue;
border-style: solid;
border-top-left-radius: 100px 100px;
border-top-right-radius: 200px 100px;
border-bottom-right-radius: 100px 200px;
border-bottom-left-radius: 200px 200px;
height: 500px;
width: 500px;
}
</style>
</head>
<body>
<h2>Border Radius - Elliptical</h2>
<div id="box1" class="box top"></div><br>
</body>
</html>

View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<style type="text/css">
#box1-top {
background: white;
border-width: 15px 15px 0px 15px;
border-color: yellow red green blue;
border-style: solid;
border-top-left-radius: 100px 100px;
border-top-right-radius: 200px 100px;
height: 240px;
width: 500px;
margin: 0px;
}
#box1-middle {
background: white;
margin: 0px;
border-width: 0px 15px 0px 15px;
border-color: yellow red green blue;
border-style: solid;
height: 20px;
width: 500px;
}
#box1-bottom {
background: white;
border-width: 0px 15px 15px 15px;
border-color: yellow red green blue;
border-style: solid;
border-bottom-right-radius: 100px 200px;
border-bottom-left-radius: 200px 200px;
height: 240px;
width: 500px;
margin: 0px;
}
</style>
</head>
<body>
<h2>Border Radius - Elliptical</h2>
<div id="box1-top"></div>
<div id="box1-middle"></div>
<div id="box1-bottom"></div><br>
</body>
</html>