mirror of
https://github.com/servo/servo.git
synced 2025-09-06 13:08:21 +01:00
Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444
This commit is contained in:
Josh Matthews
Anthony Ramine
parent
25e8bf69e6
commit
665817d2a6
35333 changed files with 1818077 additions and 16036 deletions
|
|
@ -0,0 +1,39 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<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;
|
||||
}
|
||||
|
||||
div.top-and-bottom-stripes
|
||||
{
|
||||
background-color: black;
|
||||
height: 1em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a hollow black square.</p>
|
||||
|
||||
<div class="top-and-bottom-stripes"></div>
|
||||
|
||||
<div>1 2 3 4 5 6 7 8</div>
|
||||
|
||||
<div class="top-and-bottom-stripes"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
28
tests/wpt/web-platform-tests/css/CSS2/borders/border-001.xht
Normal file
28
tests/wpt/web-platform-tests/css/CSS2/borders/border-001.xht
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-width</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/"/>
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/> <!-- 2012-05-16 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#borders"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-shorthands"/>
|
||||
<link rel="match" href="border-001-ref.xht"/>
|
||||
<meta name="flags" content=""/>
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets border-width."/>
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: 25px;
|
||||
border-style: solid;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow black square.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
24
tests/wpt/web-platform-tests/css/CSS2/borders/border-002.xht
Normal file
24
tests/wpt/web-platform-tests/css/CSS2/borders/border-002.xht
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-style</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets border-style." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: dashed;
|
||||
border-width: 5px;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box with a dashed border below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
color: blue;
|
||||
font: 5px/1 Ahem;
|
||||
width: 22em;
|
||||
word-spacing: 19em;
|
||||
}
|
||||
|
||||
div.top-and-bottom-stripes
|
||||
{
|
||||
background-color: blue;
|
||||
height: 1em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a hollow blue square.</p>
|
||||
|
||||
<div class="top-and-bottom-stripes"></div>
|
||||
|
||||
<div>1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0</div>
|
||||
|
||||
<div class="top-and-bottom-stripes"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
28
tests/wpt/web-platform-tests/css/CSS2/borders/border-003.xht
Normal file
28
tests/wpt/web-platform-tests/css/CSS2/borders/border-003.xht
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-color</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#borders"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-shorthands"/>
|
||||
<link rel="match" href="border-003-ref.xht"/>
|
||||
<meta name="flags" content=""/>
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets border-color."/>
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: blue;
|
||||
border-style: solid;
|
||||
border-width: 5px;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow blue square.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-004.xht
Normal file
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-004.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-width border-style</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets border-width and border-style." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: 5px dashed;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box with a dashed border below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<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;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled blue square and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
43
tests/wpt/web-platform-tests/css/CSS2/borders/border-005.xht
Normal file
43
tests/wpt/web-platform-tests/css/CSS2/borders/border-005.xht
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-width border-color</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#borders"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-shorthands"/>
|
||||
<link rel="match" href="border-005-ref.xht"/>
|
||||
<meta name="flags" content=""/>
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-width' and 'border-color'."/>
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
position: relative;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border: 1in blue;
|
||||
border-style: solid;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background: red;
|
||||
height: 2in;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 2in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled blue square and <strong>no red</strong>.</p>
|
||||
<div id="wrapper">
|
||||
<div id="reference"></div>
|
||||
<div id="test"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<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;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled black square and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
43
tests/wpt/web-platform-tests/css/CSS2/borders/border-006.xht
Normal file
43
tests/wpt/web-platform-tests/css/CSS2/borders/border-006.xht
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-style border-width</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/"/>
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/> <!-- 2012-05-16 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#borders"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-shorthands"/>
|
||||
<link rel="match" href="border-006-ref.xht"/>
|
||||
<meta name="flags" content=""/>
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-style' and 'border-width'."/>
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
position: relative;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border: solid 1in;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background: red;
|
||||
height: 2in;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 2in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled black square and <strong>no red</strong>.</p>
|
||||
<div id="wrapper">
|
||||
<div id="reference"></div>
|
||||
<div id="test"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
24
tests/wpt/web-platform-tests/css/CSS2/borders/border-007.xht
Normal file
24
tests/wpt/web-platform-tests/css/CSS2/borders/border-007.xht
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-style border-color</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-style' and 'border-color'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: dashed blue;
|
||||
border-width: 5px;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box below with a dashed blue border.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
44
tests/wpt/web-platform-tests/css/CSS2/borders/border-008.xht
Normal file
44
tests/wpt/web-platform-tests/css/CSS2/borders/border-008.xht
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-color border-width</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/"/>
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/> <!-- 2012-05-16 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#borders"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-shorthands"/>
|
||||
<link rel="match" href="border-005-ref.xht"/>
|
||||
<meta name="flags" content=""/>
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-color' and 'border-width'."/>
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
position: relative;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border: blue 1in;
|
||||
border-style: solid;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background: red;
|
||||
height: 2in;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 2in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled blue square and <strong>no red</strong>.</p>
|
||||
<div id="wrapper">
|
||||
<div id="reference"></div>
|
||||
<div id="test"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
24
tests/wpt/web-platform-tests/css/CSS2/borders/border-009.xht
Normal file
24
tests/wpt/web-platform-tests/css/CSS2/borders/border-009.xht
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-color border-style</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-color' and 'border-style'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: blue dashed;
|
||||
border-width: 5px;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box below with a dashed blue border.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-010.xht
Normal file
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-010.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-width border-style border-color</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-width', 'border-style' and 'border-color'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: 5px dashed blue;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box below with a dashed blue border.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-011.xht
Normal file
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-011.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-width border-color border-style</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-width', 'border-color' and 'border-style'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: 5px blue dashed;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box below with a dashed blue border.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-012.xht
Normal file
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-012.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-style border-width border-color</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-style', 'border-width' and 'border-color'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: dashed 5px blue;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box below with a dashed blue border.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-013.xht
Normal file
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-013.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-style border-color border-width</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-style', 'border-color' and 'border-width'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: dashed blue 5px;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box below with a dashed blue border.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-014.xht
Normal file
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-014.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-color border-width border-style</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-color', 'border-width' and 'border-style'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: blue 5px dashed;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box below with a dashed blue border.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-015.xht
Normal file
23
tests/wpt/web-platform-tests/css/CSS2/borders/border-015.xht
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set using border-color border-style border-width</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts and sets 'border-color', 'border-style' and 'border-width'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: blue 5px dashed;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box below with a dashed blue border.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
29
tests/wpt/web-platform-tests/css/CSS2/borders/border-016.xht
Normal file
29
tests/wpt/web-platform-tests/css/CSS2/borders/border-016.xht
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set to 'inherit', inheriting one value</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
border: dashed;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border: inherit;
|
||||
height: 1in;
|
||||
margin: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two boxes with dashed borders below.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
29
tests/wpt/web-platform-tests/css/CSS2/borders/border-017.xht
Normal file
29
tests/wpt/web-platform-tests/css/CSS2/borders/border-017.xht
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set to 'inherit', inheriting two values</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
border: dashed blue;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border: inherit;
|
||||
height: 1in;
|
||||
margin: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two boxes with dashed blue borders below.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
29
tests/wpt/web-platform-tests/css/CSS2/borders/border-018.xht
Normal file
29
tests/wpt/web-platform-tests/css/CSS2/borders/border-018.xht
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border set to 'inherit', inheriting three values</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
border: 10px dashed blue;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border: inherit;
|
||||
height: 1in;
|
||||
margin: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two boxes with dashed blue borders below.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div.horizontal-edges
|
||||
{
|
||||
background-color: green;
|
||||
height: 4px;
|
||||
width: 104px;
|
||||
}
|
||||
|
||||
div#vertical-edges
|
||||
{
|
||||
background-color: white;
|
||||
width: 104px;
|
||||
}
|
||||
|
||||
img {vertical-align: bottom;}
|
||||
|
||||
img + img {padding-left: 96px;}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a hollow green square.</p>
|
||||
|
||||
<div class="horizontal-edges"></div>
|
||||
|
||||
<div id="vertical-edges"><img src="support/1x1-green.png" width="4" height="96" alt="Image download support must be enabled" /><img src="support/1x1-green.png" width="4" height="96" alt="Image download support must be enabled" /></div>
|
||||
|
||||
<div class="horizontal-edges"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to 'table-row-group'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of 'table-row-group'." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border: green solid 4px;
|
||||
display: table-row-group;
|
||||
}
|
||||
#table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100px;
|
||||
}
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
color: white;
|
||||
display: table-cell;
|
||||
height: 48px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green square.</p>
|
||||
|
||||
<div id="table">
|
||||
|
||||
<div id="test">
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">a</div><div class="cell">b</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">c</div><div class="cell">d</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to 'table-header-group'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of 'table-header-group'." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border: green solid 4px;
|
||||
display: table-header-group;
|
||||
}
|
||||
#table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100px;
|
||||
}
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
color: white;
|
||||
display: table-cell;
|
||||
height: 48px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green square.</p>
|
||||
|
||||
<div id="table">
|
||||
|
||||
<div id="test">
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">a</div><div class="cell">b</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">c</div><div class="cell">d</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to 'table-footer-group'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of 'table-footer-group'." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border: green solid 4px;
|
||||
display: table-footer-group;
|
||||
}
|
||||
#table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100px;
|
||||
}
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
color: white;
|
||||
display: table-cell;
|
||||
height: 48px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green square.</p>
|
||||
|
||||
<div id="table">
|
||||
|
||||
<div id="test">
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">a</div><div class="cell">b</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">c</div><div class="cell">d</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to 'table-row'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of 'table-row'." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border: green solid 4px;
|
||||
display: table-row;
|
||||
}
|
||||
#table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100px;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
color: white;
|
||||
display: table-cell;
|
||||
height: 96px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green square.</p>
|
||||
|
||||
<div id="table">
|
||||
|
||||
<div id="test">
|
||||
<div class="cell">a</div><div class="cell">b</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to 'table-column-group'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of 'table-column-group'." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border: green solid 4px;
|
||||
display: table-column-group;
|
||||
}
|
||||
#table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.col
|
||||
{
|
||||
display: table-column;
|
||||
}
|
||||
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
color: white;
|
||||
display: table-cell;
|
||||
height: 48px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green square.</p>
|
||||
|
||||
<div id="table">
|
||||
|
||||
<div id="test"><div class="col"></div><div class="col"></div></div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">a</div><div class="cell">b</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">c</div><div class="cell">d</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to 'table-column'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of 'table-column'." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border: green solid 4px;
|
||||
display: table-column;
|
||||
}
|
||||
#table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.column
|
||||
{
|
||||
display: table-column;
|
||||
}
|
||||
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
color: white;
|
||||
display: table-cell;
|
||||
height: 48px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green square.</p>
|
||||
|
||||
<div id="table">
|
||||
|
||||
<div id="test"></div><div class="column"></div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">a</div><div class="cell">b</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">c</div><div class="cell">d</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to 'table-cell'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of 'table-cell'." />
|
||||
<style type="text/css">
|
||||
#table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100px;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
border: green solid 4px;
|
||||
display: table-cell;
|
||||
height: 96px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green square.</p>
|
||||
<div id="table">
|
||||
<div id="row">
|
||||
<div id="cell"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to inline</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of inline." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: 10px solid green;
|
||||
display: inline;
|
||||
font-size: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green rectangle.</p>
|
||||
<div> </div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to block</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of block." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
border: green solid 4px;
|
||||
display: block;
|
||||
height: 96px;
|
||||
width: 96px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green square.</p>
|
||||
<div>
|
||||
<span></span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to list-item</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of list-item." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: green solid 4px;
|
||||
display: list-item;
|
||||
height: 1in;
|
||||
margin-left: 50px;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green square and a marker bullet on its left-hand side.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to inline-block</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of inline-block." />
|
||||
<style type="text/css">
|
||||
span#inline-block
|
||||
{
|
||||
border: green solid 4px;
|
||||
display: inline-block;
|
||||
width: 96px;
|
||||
}
|
||||
|
||||
span.block-descendant
|
||||
{
|
||||
color: white;
|
||||
display: block;
|
||||
height: 48px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green square.</p>
|
||||
|
||||
<div>
|
||||
<span id="inline-block">
|
||||
<span class="block-descendant">a</span>
|
||||
<span class="block-descendant">b</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to 'table'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of 'table'." />
|
||||
<style type="text/css">
|
||||
#table
|
||||
{
|
||||
border: green solid 4px;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 96px;
|
||||
}
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
color: white;
|
||||
display: table-cell;
|
||||
height: 48px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green square.</p>
|
||||
|
||||
<div id="table">
|
||||
<div class="row">
|
||||
<div class="cell">a</div><div class="cell">b</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">c</div><div class="cell">d</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to 'inline-table'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-08 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of 'inline-table'." />
|
||||
<style type="text/css">
|
||||
#table
|
||||
{
|
||||
border: green solid 4px;
|
||||
display: inline-table;
|
||||
table-layout: fixed;
|
||||
width: 96px;
|
||||
}
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
color: white;
|
||||
display: table-cell;
|
||||
height: 48px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green square.</p>
|
||||
|
||||
<div id="table">
|
||||
<div class="row">
|
||||
<div class="cell">a</div><div class="cell">b</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">c</div><div class="cell">d</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to 'table-caption'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of 'table-caption'." />
|
||||
<style type="text/css">
|
||||
#caption
|
||||
{
|
||||
border: green solid 4px;
|
||||
display: table-caption;
|
||||
height: 96px;
|
||||
width: 96px;
|
||||
}
|
||||
#table
|
||||
{
|
||||
display: table;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow green square.</p>
|
||||
<div id="table">
|
||||
<div id="caption"></div>
|
||||
<div id="row">
|
||||
<div id="cell"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background-color: black;
|
||||
height: 1in;
|
||||
position: relative;
|
||||
top: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled black square.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-width</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets 'border-width' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: 1in;
|
||||
border-bottom-style: solid;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled black square.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-style</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-style' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: dashed;
|
||||
border-bottom-width: 5px;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a dashed line below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-color</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-color' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: blue;
|
||||
border-bottom-style: solid;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a blue line.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-width border-style</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-width' and 'border-style' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: 5px dashed;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a dashed line below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background-color: blue;
|
||||
height: 1in;
|
||||
position: relative;
|
||||
top: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled blue square.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-width border-color</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-005-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-width' and 'border-color' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: 1in blue;
|
||||
border-bottom-style: solid;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled blue square.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-style border-width</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-style' and 'border-width' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: solid 1in;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled black square.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-style border-color</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-style' and 'border-color' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: dashed blue;
|
||||
border-width: 5px;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a dashed blue line below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-color border-width</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-005-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-color' and 'border-width' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: blue 1in;
|
||||
border-bottom-style: solid;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled blue square.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-color border-style</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-color' and 'border-style' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: blue dashed;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a dashed blue line below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-width border-style border-color</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-width', 'border-style' and 'border-color' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: 5px dashed blue;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a dashed blue line below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-width border-color border-style</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-width', 'border-color' and 'border-style' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: 5px blue dashed;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a dashed blue line below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-style border-width border-color</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-style', 'border-width' and 'border-color' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: dashed 5px blue;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a dashed blue line below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-style border-color border-width</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-style', 'border-color' and 'border-width' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: dashed blue 5px;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a dashed blue line below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-color border-width border-style</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-color', 'border-width' and 'border-style' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: blue 5px dashed;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a dashed blue line below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to border-color border-style border-width</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property sets the 'border-color', 'border-style' and 'border-width' for the bottom border." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: blue 5px dashed;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a dashed blue line below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background-color: black;
|
||||
height: 3px;
|
||||
margin-top: 112px;
|
||||
}
|
||||
|
||||
div + div {margin-top: 10px;}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 black lines.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to inherit, inheriting a single value for a shorthand property</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-016-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
border-bottom: solid;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border-bottom: inherit;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are 2 black lines.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to inherit, inheriting two values for a shorthand property</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
border-bottom: dashed blue;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border-bottom: inherit;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are two dashed blue lines below.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background-color: blue;
|
||||
height: 96px;
|
||||
margin-top: 112px;
|
||||
}
|
||||
|
||||
div + div {margin-top: 10px;}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are 2 large blue rectangles.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom set to inherit, inheriting three values for a shorthand property</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-018-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' shorthand property properly accepts 'inherit' as a value and uses its parent's border setting." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
border-bottom: 1in solid blue;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border-bottom: inherit;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are 2 large blue rectangles.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
height: 3px;
|
||||
width: 96px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with display table-row-group</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a display of table-row-group." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border-bottom: solid green 3px;
|
||||
display: table-row-group;
|
||||
}
|
||||
#table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 1in;
|
||||
}
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
|
||||
<div id="table">
|
||||
|
||||
<div id="test">
|
||||
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with display table-header-group</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a display of table-header-group." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border-bottom: solid green 3px;
|
||||
display: table-header-group;
|
||||
}
|
||||
#table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 1in;
|
||||
}
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
|
||||
<div id="table">
|
||||
|
||||
<div id="test">
|
||||
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with display table-footer-group</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a display of table-footer-group." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border-bottom: solid green 3px;
|
||||
display: table-footer-group;
|
||||
}
|
||||
#table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 1in;
|
||||
}
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
|
||||
<div id="table">
|
||||
|
||||
<div id="test">
|
||||
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with 'display' set to 'table-row'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a 'display' of 'table-row'." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border-bottom: solid green 3px;
|
||||
display: table-row;
|
||||
}
|
||||
#table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 1in;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
<div id="table">
|
||||
<div id="test">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with display table-column-group</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a display of table-column-group." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border-bottom: solid green 3px;
|
||||
display: table-column-group;
|
||||
}
|
||||
#table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 1in;
|
||||
}
|
||||
.column
|
||||
{
|
||||
display: table-column;
|
||||
}
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
<div id="table">
|
||||
<div id="test"><div class="column"></div><div class="column"></div></div>
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with display table-column</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a display of table-column." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border-bottom: solid green 3px;
|
||||
display: table-column;
|
||||
width: 1in;
|
||||
}
|
||||
|
||||
.column
|
||||
{
|
||||
display: table-column;
|
||||
}
|
||||
|
||||
#table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 2in;
|
||||
}
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
<div id="table">
|
||||
<div id="test"></div><div class="column"></div>
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with display table-cell</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Border-bottom applies to elements with a display of table-cell." />
|
||||
<style type="text/css">
|
||||
#table
|
||||
{
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 1in;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
border-bottom: solid green 3px;
|
||||
display: table-cell;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
<div id="table">
|
||||
<div id="row">
|
||||
<div id="cell"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with display inline</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-08 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a display of inline." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: solid green;
|
||||
display: inline;
|
||||
font-size: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
<div> </div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with display block</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-18 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a display of block." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
border-bottom: solid green 3px;
|
||||
display: block;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
<div>
|
||||
<span></span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with display list-item</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a display of list-item." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: solid green;
|
||||
display: list-item;
|
||||
margin-left: 50px;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line and a marker bullet on its left-hand side. (Note the marker bullet does not need to be aligned vertically to any specific position.)</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with display inline-block</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-05 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a display of inline-block." />
|
||||
<style type="text/css">
|
||||
span#inline-block
|
||||
{
|
||||
border-bottom: solid green 3px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 1in;
|
||||
}
|
||||
|
||||
span.block-descendant
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
|
||||
<div>
|
||||
<span id="inline-block">
|
||||
<span class="block-descendant"></span>
|
||||
<span class="block-descendant"></span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with 'display' set to 'table'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a 'display' of 'table'." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border-bottom: solid green 3px;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 1in;
|
||||
}
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
|
||||
<div id="test">
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with 'display' set to 'inline-table'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a 'display' of 'inline-table'." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border-bottom: solid green 3px;
|
||||
display: inline-table;
|
||||
table-layout: fixed;
|
||||
vertical-align: top;
|
||||
width: 1in;
|
||||
}
|
||||
.row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
|
||||
<div id="test">
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell"></div><div class="cell"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with 'display' set to 'table-caption'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<link rel="match" href="border-bottom-applies-to-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a 'display' of 'table-caption'." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
border-bottom: solid green 3px;
|
||||
display: table-caption;
|
||||
width: 1in;
|
||||
}
|
||||
#table
|
||||
{
|
||||
display: table;
|
||||
}
|
||||
#row
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
#cell
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short horizontal green line.</p>
|
||||
<div id="table">
|
||||
<div id="test"></div>
|
||||
<div id="row">
|
||||
<div id="cell"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background: url("support/000_color.png");
|
||||
height: 1in;
|
||||
margin-top: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with five digits which is invalid and is equivalent to minimum minus one value for six digit hex</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="border-bottom-color-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="invalid" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #00000 falls back to the initial value." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #00000;
|
||||
height: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background-color: #000000;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
<div id="test"></div>
|
||||
<div id="reference"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with the minimum value, #000000</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="border-bottom-color-001-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #000000 renders the correct color." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #000000;
|
||||
height: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background-color: #000000;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
<div id="test"></div>
|
||||
<div id="reference"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background: url("support/010101_color.png");
|
||||
height: 1in;
|
||||
margin-top: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with the minimum plus one value, #010101</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="border-bottom-color-003-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #010101 renders the correct color." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #010101;
|
||||
height: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background-color: #010101;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
<div id="test"></div>
|
||||
<div id="reference"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background: url("support/999_color.png");
|
||||
height: 1in;
|
||||
margin-top: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with a nominal value #999999</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="border-bottom-color-004-ref.xht" />
|
||||
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #999999 renders the correct color." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #999999;
|
||||
height: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background-color: #999999;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
<div id="test"></div>
|
||||
<div id="reference"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body {background-color: black;}
|
||||
|
||||
p {color: white;}
|
||||
|
||||
div
|
||||
{
|
||||
background: url("support/fefefe_color.png");
|
||||
height: 1in;
|
||||
margin-top: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with the maximum minus one value of #fefefe</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="border-bottom-color-005-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #fefefe renders the correct color for the border." />
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
background-color: black;
|
||||
}
|
||||
p
|
||||
{
|
||||
color: white;
|
||||
}
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #fefefe;
|
||||
height: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background-color: #fefefe;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
<div id="test"></div>
|
||||
<div id="reference"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
body {background-color: black;}
|
||||
|
||||
p {color: white;}
|
||||
|
||||
div
|
||||
{
|
||||
background: url("support/fff_color.png");
|
||||
height: 1in;
|
||||
margin-top: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with the maximum value of #ffffff</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="border-bottom-color-006-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #ffffff renders the correct color." />
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
background-color: black;
|
||||
}
|
||||
p
|
||||
{
|
||||
color: white;
|
||||
}
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #ffffff;
|
||||
height: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background-color: #ffffff;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
<div id="test"></div>
|
||||
<div id="reference"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with the maximum plus one value of #1000000</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
|
||||
|
||||
<meta name="flags" content="invalid" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #1000000 falls back to the initial value." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #1000000;
|
||||
height: 0;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled black square.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with the maximum plus one value of #fgfgfg</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
|
||||
|
||||
<meta name="flags" content="invalid" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #fgfgfg falls back to the initial value." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #fgfgfg;
|
||||
height: 0;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled black square.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background: url("support/010000_color.png");
|
||||
height: 1in;
|
||||
margin-top: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with a red set to minimum plus one value, #010000</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="border-bottom-color-009-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #010000 renders the correct color." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #010000;
|
||||
height: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background-color: #010000;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
<div id="test"></div>
|
||||
<div id="reference"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background-color: #990000;
|
||||
height: 1in;
|
||||
margin-top: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with a red set to a nominal value, #990000</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="border-bottom-color-010-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #990000 renders the correct color." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #990000;
|
||||
height: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background-color: #990000;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
<div id="test"></div>
|
||||
<div id="reference"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background: url("support/fe0000_color.png");
|
||||
height: 1in;
|
||||
margin-top: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with a red set to maximum minus one value, #fe0000</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="border-bottom-color-011-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #fe0000 renders the correct color." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #fe0000;
|
||||
height: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background-color: #fe0000;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
<div id="test"></div>
|
||||
<div id="reference"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background: url("support/f00_color.png");
|
||||
height: 1in;
|
||||
margin-top: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with a red set to the maximum value, #ff0000</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="border-bottom-color-012-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #ff0000 renders the correct color." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #ff0000;
|
||||
height: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background-color: #ff0000;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
<div id="test"></div>
|
||||
<div id="reference"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with a red set to the maximum plus one value, #fg0000</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="../reference/ref-filled-black-96px-square.xht" />
|
||||
|
||||
<meta name="flags" content="invalid" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #fg0000 falls back to the initial value." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #fg0000;
|
||||
height: 0;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a filled black square.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background: url("support/000100_color.png");
|
||||
height: 1in;
|
||||
margin-top: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with a green set to minimum plus one value, #000100</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="border-bottom-color-014-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #000100 renders the correct color." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #000100;
|
||||
height: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background-color: #000100;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
<div id="test"></div>
|
||||
<div id="reference"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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">
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background: url("support/090_color.png");
|
||||
height: 1in;
|
||||
margin-top: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!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">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color set to hex with six digits with a green set to a nominal value, #009900</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-05-20 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<link rel="match" href="border-bottom-color-015-ref.xht" />
|
||||
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom-color' set to #009900 renders the correct color." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
border-bottom-color: #009900;
|
||||
height: 0;
|
||||
}
|
||||
#reference
|
||||
{
|
||||
background-color: #009900;
|
||||
margin-top: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same color.</p>
|
||||
<div id="test"></div>
|
||||
<div id="reference"></div>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue