mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
Ms2ger
parent
9aa1b1e408
commit
35c74aecc2
11290 changed files with 92400 additions and 49214 deletions
|
|
@ -23,8 +23,8 @@
|
|||
border: black dotted 5px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
img {vertical-align: top;}
|
||||
|
||||
img {vertical-align: top;}
|
||||
/* otherwise, the image "sits" on the baseline inside line box. */
|
||||
]]></style>
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<style type="text/css">
|
||||
#content {
|
||||
color: transparent;
|
||||
font: 100px Ahem;
|
||||
font: 100px Ahem;
|
||||
}
|
||||
#content > #foo {
|
||||
background-image: url("../support/cat.png"); /* 98 w. by 99px h. */
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
|
||||
<style type="text/css"><![CDATA[
|
||||
div {width: 196px;}
|
||||
|
||||
|
||||
img {vertical-align: top;}
|
||||
]]></style>
|
||||
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<body>
|
||||
<p><img src="support/rectangle-96x60.png" alt="Image download support must be enabled" /></p>
|
||||
<p>Test passes if a scaled portion of above image appears inside the below square.</p>
|
||||
<p>Test fails if any red area is seen outside of the image.</p>
|
||||
<p>Test fails if any red area is seen outside of the image.</p>
|
||||
<div>
|
||||
<img src="support/rectangle-96x60.png" alt="Image download support must be enabled" />
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -27,9 +27,9 @@
|
|||
height: 32px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
|
||||
div#top {background-color: lime;}
|
||||
|
||||
|
||||
div#bottom {background-color: aqua;}
|
||||
</style>
|
||||
|
||||
|
|
|
|||
|
|
@ -30,9 +30,9 @@
|
|||
div#inner > div
|
||||
{
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
|
||||
div#top {background-color: lime;}
|
||||
|
||||
div#bottom {background-color: aqua;}
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@
|
|||
height: 64px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
|
||||
div#top {background-color: lime;}
|
||||
|
||||
div#bottom {background-color: aqua;}
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
div#inner
|
||||
{
|
||||
height: 384px;
|
||||
width: 8px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
div#inner > div
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
height: 192px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
|
||||
div#top {background-color: lime;}
|
||||
|
||||
div#bottom {background-color: aqua;}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<link href="dajiangxiaoyan@126.com" rel="author" title="Xiaoyan Jiang" />
|
||||
<link href="jinlongz@oupeng.com" rel="reviewer" title="Jinlong Zhang" />
|
||||
<style type="text/css">
|
||||
/* Positioned container allows for the self-describing statement to still
|
||||
/* Positioned container allows for the self-describing statement to still
|
||||
be visible in the case of failure */
|
||||
.container {
|
||||
position: absolute;
|
||||
|
|
@ -26,7 +26,7 @@
|
|||
position: absolute;
|
||||
border: blue dotted 5px ;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -15,13 +15,13 @@
|
|||
</style>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
font: 25px/1 Ahem;
|
||||
width: 6em;
|
||||
word-spacing: 3em;
|
||||
word-spacing: 3em;
|
||||
}
|
||||
|
||||
div.top-and-bottom-stripes
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
</style>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
|||
|
|
@ -15,13 +15,13 @@
|
|||
</style>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background-color: blue;
|
||||
height: 192px;
|
||||
width: 192px;
|
||||
width: 192px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
|
|
|||
|
|
@ -15,13 +15,13 @@
|
|||
</style>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background-color: black;
|
||||
height: 192px;
|
||||
width: 192px;
|
||||
width: 192px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Border radius reference</title>
|
||||
<style type="text/css">
|
||||
|
|
@ -14,9 +14,9 @@
|
|||
<link rel="author" title="Nokia" href="http://www.nokia.com/" />
|
||||
<style type="text/css">
|
||||
/* <![CDATA[ */
|
||||
div
|
||||
div
|
||||
{
|
||||
border:2px solid #a1a1a1;
|
||||
border:2px solid #a1a1a1;
|
||||
background:#dddddd;
|
||||
width:200px;
|
||||
height: 100px;
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
<li>PASS if the two boxes below are the same.</li>
|
||||
<li>FAIL if the output is not as expected.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div id="test"></div>
|
||||
<p><br /></p>
|
||||
<div id="reference"></div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Border radius reference</title>
|
||||
<style type="text/css">
|
||||
|
|
@ -14,9 +14,9 @@
|
|||
<link rel="author" title="Nokia" href="http://www.nokia.com/" />
|
||||
<style type="text/css">
|
||||
/* <![CDATA[ */
|
||||
div
|
||||
div
|
||||
{
|
||||
border:2px solid #a1a1a1;
|
||||
border:2px solid #a1a1a1;
|
||||
background:#dddddd;
|
||||
width:200px;
|
||||
height: 100px;
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
<li>PASS if the two boxes below are the same and all 4 corners are rounded.</li>
|
||||
<li>FAIL if the output is not as expected.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div id="test"></div>
|
||||
<p><br /></p>
|
||||
<div id="reference"></div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Border radius reference</title>
|
||||
<style type="text/css">
|
||||
|
|
@ -14,9 +14,9 @@
|
|||
<link rel="author" title="Nokia" href="http://www.nokia.com/" />
|
||||
<style type="text/css">
|
||||
/* <![CDATA[ */
|
||||
div
|
||||
div
|
||||
{
|
||||
border:2px solid #a1a1a1;
|
||||
border:2px solid #a1a1a1;
|
||||
background:#dddddd;
|
||||
width:200px;
|
||||
height: 100px;
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
<li>PASS if the two boxes below are the same and only top left and bottom right corners are rounded.</li>
|
||||
<li>FAIL if the output is not as expected.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div id="test"></div>
|
||||
<p><br /></p>
|
||||
<div id="reference"></div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Border radius reference</title>
|
||||
<style type="text/css">
|
||||
|
|
@ -14,9 +14,9 @@
|
|||
<link rel="author" title="Nokia" href="http://www.nokia.com/" />
|
||||
<style type="text/css">
|
||||
/* <![CDATA[ */
|
||||
div
|
||||
div
|
||||
{
|
||||
border:2px solid #a1a1a1;
|
||||
border:2px solid #a1a1a1;
|
||||
background:#dddddd;
|
||||
width:200px;
|
||||
height: 100px;
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
<li>PASS if the two boxes below are the same and all 4 corners are rounded.</li>
|
||||
<li>FAIL if the output is not as expected.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div id="test"></div>
|
||||
<p><br /></p>
|
||||
<div id="reference"></div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Border radius reference</title>
|
||||
<style type="text/css">
|
||||
|
|
@ -14,9 +14,9 @@
|
|||
<link rel="author" title="Nokia" href="http://www.nokia.com/" />
|
||||
<style type="text/css">
|
||||
/* <![CDATA[ */
|
||||
div
|
||||
div
|
||||
{
|
||||
border:2px solid #a1a1a1;
|
||||
border:2px solid #a1a1a1;
|
||||
background:#dddddd;
|
||||
width:200px;
|
||||
height: 100px;
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
<li>PASS if the two boxes below are the same and all 4 corners are rounded.</li>
|
||||
<li>FAIL if the output is not as expected.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div id="test"></div>
|
||||
<p><br /></p>
|
||||
<div id="reference"></div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Border radius reference</title>
|
||||
<style type="text/css">
|
||||
|
|
@ -14,9 +14,9 @@
|
|||
<link rel="author" title="Nokia" href="http://www.nokia.com/" />
|
||||
<style type="text/css">
|
||||
/* <![CDATA[ */
|
||||
div
|
||||
div
|
||||
{
|
||||
border:2px solid #a1a1a1;
|
||||
border:2px solid #a1a1a1;
|
||||
background:#dddddd;
|
||||
width:200px;
|
||||
height: 100px;
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
<li>PASS if the two boxes below are the same and all 4 corners are rounded.</li>
|
||||
<li>FAIL if the output is not as expected.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div id="test"></div>
|
||||
<p><br /></p>
|
||||
<div id="reference"></div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Border radius reference</title>
|
||||
<style type="text/css">
|
||||
|
|
@ -14,9 +14,9 @@
|
|||
<link rel="author" title="Nokia" href="http://www.nokia.com/" />
|
||||
<style type="text/css">
|
||||
/* <![CDATA[ */
|
||||
div
|
||||
div
|
||||
{
|
||||
border:2px solid #a1a1a1;
|
||||
border:2px solid #a1a1a1;
|
||||
background:#dddddd;
|
||||
width:200px;
|
||||
height: 100px;
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
<li>PASS if the two boxes below are the same and all 4 corners are rounded.</li>
|
||||
<li>FAIL if the output is not as expected.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div id="test"></div>
|
||||
<p><br /></p>
|
||||
<div id="reference"></div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Border radius reference</title>
|
||||
<style type="text/css">
|
||||
|
|
@ -14,9 +14,9 @@
|
|||
<link rel="author" title="Nokia" href="http://www.nokia.com/" />
|
||||
<style type="text/css">
|
||||
/* <![CDATA[ */
|
||||
div
|
||||
div
|
||||
{
|
||||
border:2px solid #a1a1a1;
|
||||
border:2px solid #a1a1a1;
|
||||
background:#dddddd;
|
||||
width:200px;
|
||||
height: 100px;
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
<li>PASS if the two boxes below are the same and all 4 corners are rounded.</li>
|
||||
<li>FAIL if the output is not as expected.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div id="test"></div>
|
||||
<p><br /></p>
|
||||
<div id="reference"></div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Border radius reference</title>
|
||||
<style type="text/css">
|
||||
|
|
@ -14,9 +14,9 @@
|
|||
<link rel="author" title="Nokia" href="http://www.nokia.com/" />
|
||||
<style type="text/css">
|
||||
/* <![CDATA[ */
|
||||
div
|
||||
div
|
||||
{
|
||||
border:2px solid #a1a1a1;
|
||||
border:2px solid #a1a1a1;
|
||||
background:#dddddd;
|
||||
width:200px;
|
||||
height: 100px;
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
<li>PASS if the two boxes below are the same and only top left and bottom right corners are rounded.</li>
|
||||
<li>FAIL if the output is not as expected.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div id="test"></div>
|
||||
<p><br /></p>
|
||||
<div id="reference"></div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Test: Border radius reference</title>
|
||||
<style type="text/css">
|
||||
|
|
@ -14,9 +14,9 @@
|
|||
<link rel="author" title="Nokia" href="http://www.nokia.com/" />
|
||||
<style type="text/css">
|
||||
/* <![CDATA[ */
|
||||
div
|
||||
div
|
||||
{
|
||||
border:2px solid #a1a1a1;
|
||||
border:2px solid #a1a1a1;
|
||||
background:#dddddd;
|
||||
width:200px;
|
||||
height: 100px;
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
<li>PASS if the two boxes below are the same, each with sharp corner joins (no rounding).</li>
|
||||
<li>FAIL if corner joins have any rounding.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div></div>
|
||||
<p><br /></p>
|
||||
<div></div>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<link href="mailto:arno@arno.org" rel="author" title="arno" />
|
||||
<style type="text/css">
|
||||
/* <![CDATA[ */
|
||||
div
|
||||
div
|
||||
{
|
||||
border-top-left-radius: 29px 5px;
|
||||
border-top-right-radius: 43px 11px;
|
||||
|
|
@ -25,7 +25,8 @@
|
|||
<li>PASS if the box below has four rounded corners.</li>
|
||||
<li>FAIL if the corners are not rounded.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
var have_radius=true;
|
||||
var black=document.getElementById("black");
|
||||
var red=document.getElementById("red");
|
||||
var green=document.getElementById("green");
|
||||
var green=document.getElementById("green");
|
||||
function fun_radius(){
|
||||
if(have_radius){
|
||||
red.style.borderBottomRightRadius="0px";
|
||||
|
|
@ -75,4 +75,5 @@
|
|||
}
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>CSS Background-clip Test: the background is pruned to content box</title>
|
||||
<link href="mailto:451887565@qq.com" rel="author" title="Xie Bing" />
|
||||
<link href="mailto:451887565@qq.com" rel="author" title="Xie Bing" />
|
||||
<link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-03 -->
|
||||
<style type="text/css">
|
||||
.box{
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
height: 200px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if the green box image is scaled to fit the width of the outer box, while preserving its intrinsic aspect ratio.</p>
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -16,15 +16,15 @@
|
|||
table-layout: fixed;
|
||||
width: 452px; /* 436px wide plus 2 mult 8px borders == 452px */
|
||||
}
|
||||
|
||||
|
||||
col#first-column {width: 89px;} /* (25% of 436px) - (40px / 2) */
|
||||
|
||||
|
||||
col#second-column {width: 40px;}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
Complete quotation of the SVG object code:
|
||||
|
||||
Complete quotation of the SVG object code:
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Vector image without intrinsic dimensions with percentage stroke-width (proportional to the diagonal)</title>
|
||||
<rect y="0" width="100%" height="50%" fill="lime"/>
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
</svg>
|
||||
|
||||
So:
|
||||
|
||||
|
||||
d = sqrt(vh**2 + vw**2) / sqrt(2)
|
||||
|
||||
With width: 436px; (instead of 100px) and height: 360px; (instead of 700px):
|
||||
|
|
@ -62,17 +62,17 @@
|
|||
and so 10% of 399.809954854px == 39.9809954854px =~ 40px
|
||||
|
||||
*/
|
||||
|
||||
|
||||
td
|
||||
{
|
||||
height: 90px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
|
||||
td.lime {background-color: lime;}
|
||||
|
||||
|
||||
td.fuchsia {background-color: fuchsia;}
|
||||
|
||||
|
||||
td.aqua {background-color: aqua;}
|
||||
</style>
|
||||
|
||||
|
|
|
|||
|
|
@ -26,13 +26,13 @@
|
|||
height: 32px;
|
||||
width: 128px;
|
||||
}
|
||||
|
||||
|
||||
div#inner > div
|
||||
{
|
||||
height: 16px;
|
||||
width: 128px;
|
||||
}
|
||||
|
||||
|
||||
div#top {background-color: lime;}
|
||||
|
||||
div#bottom {background-color: aqua;}
|
||||
|
|
|
|||
|
|
@ -26,13 +26,13 @@
|
|||
height: 384px;
|
||||
width: 128px;
|
||||
}
|
||||
|
||||
|
||||
div#inner > div
|
||||
{
|
||||
height: 192px;
|
||||
width: 128px;
|
||||
width: 128px;
|
||||
}
|
||||
|
||||
|
||||
div#top {background-color: lime;}
|
||||
|
||||
div#bottom {background-color: aqua;}
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
}
|
||||
|
||||
div#top {background-color: lime;}
|
||||
|
||||
|
||||
div#bottom {background-color: aqua;}
|
||||
</style>
|
||||
|
||||
|
|
|
|||
|
|
@ -29,10 +29,10 @@
|
|||
|
||||
div#inner > div
|
||||
{
|
||||
height: 192px;
|
||||
height: 192px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
|
||||
div#top {background-color: lime;}
|
||||
|
||||
div#bottom {background-color: aqua;}
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@
|
|||
height: 16px;
|
||||
width: 2px;
|
||||
}
|
||||
|
||||
|
||||
div#top {background-color: lime;}
|
||||
|
||||
div#bottom {background-color: aqua;}
|
||||
|
|
|
|||
|
|
@ -24,12 +24,12 @@
|
|||
div#inner
|
||||
{
|
||||
height: 32px;
|
||||
width: 8px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
div#inner > div
|
||||
{
|
||||
height: 16px;
|
||||
{
|
||||
height: 16px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -6,18 +6,18 @@
|
|||
table{
|
||||
font-size:12px;
|
||||
}
|
||||
th{
|
||||
th{
|
||||
height:80px;
|
||||
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../support/table-head.jpg',sizingMethod='scale'); background-repeat: repeat-x;*/
|
||||
background:url(../support/table-head.jpg) repeat-x;
|
||||
border-width:0px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if you didn't see the img repeat on the Y direction (note: the size of img is 1px weight and 80px height and with blue and red colors) </p>
|
||||
|
||||
|
||||
<table>
|
||||
<tbody><tr>
|
||||
<th>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue