mirror of
https://github.com/servo/servo.git
synced 2025-08-16 02:45:36 +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,20 @@
|
|||
<!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/" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
|
||||
|
||||
<div>Filler text Filler text</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!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: :after generated content - display inline</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-001-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: " Filler text";
|
||||
display: inline;
|
||||
}
|
||||
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</div>
|
||||
|
||||
<div>Filler text</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 Test: :after generated content - display block</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: "Filler text";
|
||||
display: block;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!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[
|
||||
ul
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {margin-left: 1em;}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>. The 2nd line should be preceded with a bullet list-marker (a "disc" as a small filled-in circle).</p>
|
||||
|
||||
<div>Filler text</div>
|
||||
|
||||
<ul>
|
||||
<li>Filler text</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!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: :after generated content - display list-item</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="help" href="http://www.w3.org/TR/html4/struct/lists.html#h-10.3.1" />
|
||||
<link rel="match" href="after-content-display-003-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: "Filler text";
|
||||
display: list-item;
|
||||
margin-left: 1em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>. The 2nd line should be preceded with a bullet list-marker (a "disc" as a small filled-in circle).</p>
|
||||
|
||||
<div>Filler text</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 Test: :after generated content - display inline-block</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-001-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: "Filler text";
|
||||
display: inline-block;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
|
||||
|
||||
<div>Filler text </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 Test: :after generated content - display table</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: "Filler text";
|
||||
display: table;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :after generated content - display inline-table</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-001-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: "Filler text";
|
||||
display: inline-table;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
|
||||
|
||||
<div>Filler text </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 Test: :after generated content - display table-row-group</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: "Filler text";
|
||||
display: table-row-group;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :after generated content - display table-header-group</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: "Filler text";
|
||||
display: table-header-group;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :after generated content - display table-footer-group</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: "Filler text";
|
||||
display: table-footer-group;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :after generated content - display table-row</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: "Filler text";
|
||||
display: table-row;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!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/" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
|
||||
|
||||
<div>Filler text</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 Test: :after generated content - display table-column-group</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
|
||||
<link rel="match" href="after-content-display-012-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none')." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
background-color: red;
|
||||
color: yellow;
|
||||
content: ".\0D FAIL";
|
||||
display: table-column-group;
|
||||
font-size: 2em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
|
||||
|
||||
<div>Filler text</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 Test: :after generated content - display table-column</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
|
||||
<link rel="match" href="after-content-display-012-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none')." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
background-color: red;
|
||||
color: yellow;
|
||||
content: ".\0D FAIL";
|
||||
display: table-column;
|
||||
font-size: 2em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
|
||||
|
||||
<div>Filler text</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 Test: :after generated content - display table-cell</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: "Filler text";
|
||||
display: table-cell;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :after generated content - display table-caption</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: "Filler\A0text";
|
||||
/* Without a table box, the table-caption may shrink to minimum
|
||||
content width (MCW), thus the no-breaking-space (in utf-8)
|
||||
addition to avoid line-wrapping causing 2 lines. */
|
||||
display: table-caption;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :after generated content - display none</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-012-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
background-color: red;
|
||||
color: yellow;
|
||||
content: ".\0D FAIL";
|
||||
display: none;
|
||||
font-size: 2em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
|
||||
|
||||
<div>Filler text</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 Test: :after generated content - display inherit</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: "Filler text";
|
||||
display: inherit;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :after generated content - initial value of display </title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="match" href="after-content-display-001-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="The initial value of the 'display' for generated content property is 'inline'." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:after
|
||||
{
|
||||
content: " Filler text";
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
|
||||
|
||||
<div>Filler text</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: Pseudo-element ':after' inherits inheritable values</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The pseudo-element ':after' generated content inherits any inheritable properties from the element." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: solid;
|
||||
color: green;
|
||||
text-align: center;
|
||||
}
|
||||
div:after
|
||||
{
|
||||
content: 'PASS PASS';
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the words "PASS PASS" below are green and the words are centered within the box 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: Pseudo-element ':after' does not inherit non-inheritable values</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Non-inherited properties apply their initial value when applying to ':after'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: 15px solid blue;
|
||||
color: green;
|
||||
}
|
||||
div:after
|
||||
{
|
||||
border-color: orange;
|
||||
border-style: solid;
|
||||
content: 'PASS PASS';
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the words "PASS PASS" are green, they are contained within an orange box with thinner lines than the blue box.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!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: After applies after text</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="After places the generated content after the element content." />
|
||||
<style type="text/css">
|
||||
div:after
|
||||
{
|
||||
content: 'PASS PASS';
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the words "PASS PASS" appear below and are to the right of the arrow.</p>
|
||||
<div>--></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: Before, after applies to same selector</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
|
||||
<meta name="flags" content="invalid" />
|
||||
<meta name="assert" content="Multiple pseudo-elements cannot be placed on the same selector." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
color: red;
|
||||
}
|
||||
div:before:after
|
||||
{
|
||||
content: 'FAIL FAIL';
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</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: Before, after is included in formatting changes</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Generated content is included in any formatting changes made to an element." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: solid;
|
||||
color: green;
|
||||
}
|
||||
div:before
|
||||
{
|
||||
content: 'PASS ';
|
||||
}
|
||||
div:after
|
||||
{
|
||||
content: 'PASS';
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the words "PASS PASS" appear in green inside the box.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
<!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.table
|
||||
{
|
||||
border-spacing: 0;
|
||||
color: green;
|
||||
display: table;
|
||||
}
|
||||
|
||||
div.row {display: table-row;}
|
||||
|
||||
div.cell
|
||||
{
|
||||
background-color: white;
|
||||
border: white solid medium;
|
||||
display: table-cell;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the word <strong>PASS appear twice</strong> and if there is no red.</p>
|
||||
|
||||
<div class="table">
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">P</div>
|
||||
<div class="cell">A</div>
|
||||
<div class="cell">S</div>
|
||||
<div class="cell">S</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="cell">P</div>
|
||||
<div class="cell">A</div>
|
||||
<div class="cell">S</div>
|
||||
<div class="cell">S</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: CSS table model and generated content: Basics</title>
|
||||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/generated-content/001.xml" type="application/xhtml+xml"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<link rel="match" href="before-after-011-ref.xht" />
|
||||
|
||||
<style type="text/css">
|
||||
.table { display: table; border-spacing: 0; background: red; color: green; }
|
||||
.row { display: table-row; }
|
||||
.cell, .row.test:before, .row.test:after { display: table-cell; background: white; border: solid white; }
|
||||
.row.test:before { content: "P"; }
|
||||
.row.test:after { content: "S"; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the word <strong>PASS appear twice</strong> and if there is no red.</p>
|
||||
<div class="table">
|
||||
<div class="row">
|
||||
<div class="cell">P</div>
|
||||
<div class="cell">A</div>
|
||||
<div class="cell">S</div>
|
||||
<div class="cell">S</div>
|
||||
</div>
|
||||
<div class="row test">
|
||||
<!--<div class="cell">P</div>-->
|
||||
<div class="cell">A</div>
|
||||
<div class="cell">S</div>
|
||||
<!--<div class="cell">S</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!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>
|
||||
<style type="text/css">
|
||||
div { border:1px solid green; margin:5px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<table width="100%"><tbody><tr><td valign="top">
|
||||
<div><span style="display:block">1<img src="support/square-outline-32x32.png" />"Before block</span>Inner<span style="display:block">2<img src="support/square-outline-32x32.png" />After block"</span></div>
|
||||
<div><span style="display:inline">1<img src="support/square-outline-32x32.png" />"Before inline</span>Inner<span style="display:inline">2<img src="support/square-outline-32x32.png" />After inline"</span></div>
|
||||
<div><span style="display:inline-block">1<img src="support/square-outline-32x32.png" />"Before inline-block</span>Inner<span style="display:inline-block">2<img src="support/square-outline-32x32.png" />After inline-block"</span></div>
|
||||
<div><span style="display:table">1<img src="support/square-outline-32x32.png" />"Before table</span>Inner<span style="display:table">2<img src="support/square-outline-32x32.png" />After table"</span></div>
|
||||
<div><span style="display:inline-table">1<img src="support/square-outline-32x32.png" />"Before inline-table</span>Inner<span style="display:inline-table">2<img src="support/square-outline-32x32.png" />After inline-table"</span></div>
|
||||
<div><span style="display:table-row-group">1<img src="support/square-outline-32x32.png" />"Before table-row-group</span>Inner<span style="display:table-row-group">2<img src="support/square-outline-32x32.png" />After table-row-group"</span></div>
|
||||
</td><td valign="top">
|
||||
<div><span style="display:table-row">1<img src="support/square-outline-32x32.png" />"Before table-row</span>Inner<span style="display:table-row">2<img src="support/square-outline-32x32.png" />After table-row"</span></div>
|
||||
<div><span style="display:table-cell">1<img src="support/square-outline-32x32.png" />"Before table-cell</span>Inner<span style="display:table-cell">2<img src="support/square-outline-32x32.png" />After table-cell"</span></div>
|
||||
<div><span style="display:table-caption">1<img src="support/square-outline-32x32.png" />"Before table-caption</span>Inner<span style="display:table-caption">2<img src="support/square-outline-32x32.png" />After table-caption"</span></div>
|
||||
|
||||
|
||||
</td></tr></tbody></table></body></html>
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
<!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: generated content</title>
|
||||
<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
|
||||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="match" href="before-after-display-types-001-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<style type="text/css">
|
||||
div { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"}
|
||||
|
||||
div:before {
|
||||
content:counter(ctr) url(support/square-outline-32x32.png) open-quote "Before " attr(class);
|
||||
counter-increment:ctr;
|
||||
}
|
||||
div:after {
|
||||
content:counter(ctr) url(support/square-outline-32x32.png) "After " attr(class) close-quote;
|
||||
counter-increment:ctr;
|
||||
}
|
||||
|
||||
.block:before, .block:after { display:block; }
|
||||
.inline:before, .inline:after { display:inline; }
|
||||
.inline-block:before, .inline-block:after { display:inline-block; }
|
||||
.table:before, .table:after { display:table; }
|
||||
.inline-table:before, .inline-table:after { display:inline-table; }
|
||||
.table-row-group:before, .table-row-group:after { display:table-row-group; }
|
||||
.table-row:before, .table-row:after { display:table-row; }
|
||||
.table-cell:before, .table-cell:after { display:table-cell; }
|
||||
.table-caption:before, .table-caption:after { display:table-caption; }
|
||||
|
||||
div { border:1px solid green; margin:5px; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<table width="100%"><tbody><tr><td valign="top">
|
||||
<div class="block">Inner</div>
|
||||
<div class="inline">Inner</div>
|
||||
<div class="inline-block">Inner</div>
|
||||
<div class="table">Inner</div>
|
||||
<div class="inline-table">Inner</div>
|
||||
<div class="table-row-group">Inner</div>
|
||||
</td><td valign="top">
|
||||
<div class="table-row">Inner</div>
|
||||
<div class="table-cell">Inner</div>
|
||||
<div class="table-caption">Inner</div>
|
||||
</td></tr></tbody></table>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head></head><body style="font-family:sans-serif;">
|
||||
before after!
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!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" class="reftest-wait"><head>
|
||||
<title>CSS Test: generated content</title>
|
||||
<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
|
||||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<link rel="match" href="before-after-dynamic-attr-001-ref.xht"/>
|
||||
<meta name="flags" content="dom" />
|
||||
<style type="text/css">
|
||||
body {
|
||||
font-family:sans-serif;
|
||||
}
|
||||
body:before {
|
||||
content:attr(my-attr);
|
||||
}
|
||||
body:after {
|
||||
content:attr(my-attr-2);
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function fixupDOM() {
|
||||
document.body.setAttribute("my-attr", "before");
|
||||
document.body.setAttribute("my-attr-2", "after!");
|
||||
document.documentElement.className = "";
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onload="fixupDOM()" my-attr-2="xyz">
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<!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></head><body style="border:2px solid green;">
|
||||
<span style="border:2px solid green;">Before</span>
|
||||
<div>After</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" class="reftest-wait"><head>
|
||||
<title>CSS Test: generated content</title>
|
||||
<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
|
||||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<link rel="match" href="before-after-dynamic-restyle-001-ref.xht"/>
|
||||
<meta name="flags" content="dom" />
|
||||
<style type="text/css">
|
||||
body:before {
|
||||
content:"Before";
|
||||
border:inherit;
|
||||
}
|
||||
.cl:after {
|
||||
display:block;
|
||||
content:"After";
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
function fixupDOM() {
|
||||
document.body.setAttribute("style", "border:2px solid green;");
|
||||
document.body.className = "cl";
|
||||
document.documentElement.className = "";
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onload="fixupDOM()">
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!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>
|
||||
<style type="text/css">
|
||||
div { border:1px solid green; margin:5px; }
|
||||
div { overflow:auto; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div><span style="float:left">1<img src="support/square-outline-32x32.png" />"Before beforeleft afterleft</span>Inner<span style="float:left">2<img src="support/square-outline-32x32.png" />After beforeleft afterleft"</span></div>
|
||||
<div><span style="float:left">1<img src="support/square-outline-32x32.png" />"Before beforeleft afterright</span>Inner<span style="float:right">2<img src="support/square-outline-32x32.png" />After beforeleft afterright"</span></div>
|
||||
<div><span style="float:right">1<img src="support/square-outline-32x32.png" />"Before beforeright afterleft</span>Inner<span style="float:left">2<img src="support/square-outline-32x32.png" />After beforeright afterleft"</span></div>
|
||||
<div><span style="float:right">1<img src="support/square-outline-32x32.png" />"Before beforeright afterright</span>Inner<span style="float:right">2<img src="support/square-outline-32x32.png" />After beforeright afterright"</span></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: generated content</title>
|
||||
<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
|
||||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="match" href="before-after-floated-001-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<style type="text/css">
|
||||
div { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
|
||||
|
||||
div:before {
|
||||
content:counter(ctr) url(support/square-outline-32x32.png) open-quote "Before " attr(class);
|
||||
counter-increment:ctr;
|
||||
}
|
||||
div:after {
|
||||
content:counter(ctr) url(support/square-outline-32x32.png) "After " attr(class) close-quote;
|
||||
counter-increment:ctr;
|
||||
}
|
||||
|
||||
.beforeleft:before {
|
||||
float:left;
|
||||
}
|
||||
.beforeright:before {
|
||||
float:right;
|
||||
}
|
||||
.afterleft:after {
|
||||
float:left;
|
||||
}
|
||||
.afterright:after {
|
||||
float:right;
|
||||
}
|
||||
|
||||
div { border:1px solid green; margin:5px; }
|
||||
div { overflow:auto; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="beforeleft afterleft">Inner</div>
|
||||
<div class="beforeleft afterright">Inner</div>
|
||||
<div class="beforeright afterleft">Inner</div>
|
||||
<div class="beforeright afterright">Inner</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<!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>
|
||||
<style type="text/css">
|
||||
div { border:1px solid green; margin:5px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>Inner</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!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: generated content</title>
|
||||
<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
|
||||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<link rel="match" href="before-after-images-001-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<style type="text/css">
|
||||
div:before {
|
||||
content:url(missing-image.png);
|
||||
}
|
||||
div { border:1px solid green; margin:5px; }
|
||||
</style>
|
||||
</head>
|
||||
<body><div>Inner</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<!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>
|
||||
<style type="text/css">
|
||||
div { border:1px solid green; margin:5px; height:100px; }
|
||||
</style>
|
||||
</head>
|
||||
<body><div><span style="position:absolute; left:0">1<img src="support/square-outline-32x32.png" />"Before gen abs</span>Inner<span style="position:absolute; right:0">2<img src="support/square-outline-32x32.png" />After gen abs"</span></div>
|
||||
<div style="position:relative"><span style="position:absolute; left:0">1<img src="support/square-outline-32x32.png" />"Before gen abs</span>Inner<span style="position:absolute; right:0">2<img src="support/square-outline-32x32.png" />After gen abs"</span></div>
|
||||
<div><span style="position:relative; top:-10px;">1<img src="support/square-outline-32x32.png" />"Before gen rel</span>Inner<span style="position:relative; top:10px;">2<img src="support/square-outline-32x32.png" />After gen rel"</span></div>
|
||||
<div>Begin <span style="position:relative; top:-10px;">1<img src="support/square-outline-32x32.png" />"Before gen rel</span>Inner<span style="position:relative; top:10px;">2<img src="support/square-outline-32x32.png" />After gen rel"</span> End</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
<!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: generated content</title>
|
||||
<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
|
||||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="match" href="before-after-positioned-001-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<style type="text/css">
|
||||
div { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
|
||||
|
||||
.gen:before {
|
||||
content:counter(ctr) url(support/square-outline-32x32.png) open-quote "Before " attr(class);
|
||||
counter-increment:ctr;
|
||||
}
|
||||
.gen:after {
|
||||
content:counter(ctr) url(support/square-outline-32x32.png) "After " attr(class) close-quote;
|
||||
counter-increment:ctr;
|
||||
}
|
||||
|
||||
.abs:before {
|
||||
position:absolute;
|
||||
left:0;
|
||||
}
|
||||
.abs:after {
|
||||
position:absolute;
|
||||
right:0;
|
||||
}
|
||||
|
||||
.rel:before {
|
||||
position:relative;
|
||||
top:-10px;
|
||||
}
|
||||
.rel:after {
|
||||
position:relative;
|
||||
top:10px;
|
||||
}
|
||||
|
||||
div { border:1px solid green; margin:5px; height:100px; }
|
||||
</style>
|
||||
</head>
|
||||
<body><div class="gen abs">Inner</div>
|
||||
<!-- an element should be the containing block for its positioned content -->
|
||||
<div style="position:relative;" class="gen abs">Inner</div>
|
||||
<div class="gen rel">Inner</div>
|
||||
<div>Begin <span class="gen rel">Inner</span> End</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com">
|
||||
<style type="text/css">
|
||||
#test {
|
||||
position: absolute;
|
||||
background: blue;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if there is a square (four equal sides) at the bottom right of the page.</p>
|
||||
<div id="test"></div>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>CSS Test: :before/:after pseudo-elements - 'position:fixed'</title>
|
||||
<link rel="author" title="James Hopkins" href="mailto:james(at)idreamincode.co.uk">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content">
|
||||
<link rel="match" href="before-after-positioned-002-ref.html">
|
||||
<meta name="assert" content="Since the restriction on assigning positioning schemes to the :before and :after pseudo elements was lifted in CSS 2.1, this tests whether 'position:fixed' can be correctly applied to both pseudo elements.">
|
||||
<style type="text/css">
|
||||
#test:after,
|
||||
#test:before{
|
||||
background:blue;
|
||||
bottom:0;
|
||||
content:"";
|
||||
height:100px;
|
||||
position:fixed;
|
||||
right:0;
|
||||
width:50px;
|
||||
}
|
||||
#test:before{
|
||||
bottom:0;
|
||||
right:50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>Test passes if there is a square (four equal sides) at the bottom right of the page.</p>
|
||||
<div id="test"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>CSS Test: :before/:after pseudo-elements - 'position:absolute'</title>
|
||||
<link rel="author" title="James Hopkins" href="mailto:james(at)idreamincode.co.uk">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content">
|
||||
<link rel="match" href="before-after-positioned-002-ref.html">
|
||||
<meta name="assert" content="Since the restriction on assigning positioning schemes to the :before and :after pseudo elements was lifted in CSS 2.1, this tests whether 'position:absolute' can be correctly applied to both pseudo elements.">
|
||||
<style type="text/css">
|
||||
#test:after,
|
||||
#test:before{
|
||||
background:blue;
|
||||
bottom:0;
|
||||
content:"";
|
||||
height:100px;
|
||||
position:absolute;
|
||||
right:0;
|
||||
width:50px;
|
||||
}
|
||||
#test:before{
|
||||
bottom:0;
|
||||
right:50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>Test passes if there is a square (four equal sides) at the bottom right of the page.</p>
|
||||
<div id="test"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com">
|
||||
<style type="text/css">
|
||||
#test {
|
||||
background: blue;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if there is a square (four equal sides) below.</p>
|
||||
<div id="test"></div>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>CSS Test: :before/:after pseudo-elements - 'position:relative'</title>
|
||||
<link rel="author" title="James Hopkins" href="mailto:james(at)idreamincode.co.uk">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content">
|
||||
<link rel="match" href="before-after-positioned-004-ref.html">
|
||||
<meta name="assert" content="Since the restriction on assigning positioning schemes to the :before and :after pseudo elements was lifted in CSS 2.1, this tests whether 'position:relative' can be correctly applied to both pseudo elements.">
|
||||
<style type="text/css">
|
||||
#test:after,
|
||||
#test:before{
|
||||
background:blue;
|
||||
content:"";
|
||||
display:block;
|
||||
height:100px;
|
||||
left:0;
|
||||
position:relative;
|
||||
top:-100px;
|
||||
width:50px;
|
||||
}
|
||||
#test:before{
|
||||
left:50px;
|
||||
top:0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>Test passes if there is a square (four equal sides) below.</p>
|
||||
<div id="test"></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>
|
||||
<style type="text/css">
|
||||
table { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
|
||||
|
||||
table { border:1px solid blue; }
|
||||
td.real { border:1px solid cyan; }
|
||||
td { border-spacing:0; padding:0; }
|
||||
|
||||
.table { display:table; }
|
||||
.row { display:table-row; }
|
||||
.rowgroup { display:table-row-group; }
|
||||
|
||||
div { border:1px solid green; margin:5px; }
|
||||
div.cell { border:none; display:table-cell; }
|
||||
div.real { display:table-cell; }
|
||||
|
||||
.tall { height:100px; }
|
||||
|
||||
.yellow { background:yellow; }
|
||||
.orange { background:orange; }
|
||||
.brown { background:brown; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<table width="100%" style="border:none"><tbody><tr><td style="border:none" valign="top">
|
||||
<div><table><tbody><tr><td>1<img src="support/square-outline-32x32.png" />"Before gen</td><td class="real">Inner</td><td>2<img src="support/square-outline-32x32.png" />After gen"</td></tr></tbody></table></div>
|
||||
<div><table><tbody><tr><td>1<img src="support/square-outline-32x32.png" />"Before gen</td></tr><tr><td class="real">Inner</td></tr><tr><td>2<img src="support/square-outline-32x32.png" />After gen"</td></tr></tbody></table></div>
|
||||
<div><table><tbody><tr><td>1<img src="support/square-outline-32x32.png" />"Before gen</td></tr><tr><td>2<img src="support/square-outline-32x32.png" />After gen"</td></tr><tr><td class="real">Inner</td></tr></tbody></table></div>
|
||||
<div><table><tbody><tr><td class="real">Inner</td></tr></tbody></table></div>
|
||||
<div><table><tbody><tr><td>2<img src="support/square-outline-32x32.png" />After gen headfoot"</td></tr><tr><td class="real">Inner</td></tr><tr><td>1<img src="support/square-outline-32x32.png" />"Before gen headfoot</td></tr></tbody></table></div>
|
||||
<div><div class="table tall"><div class="cell yellow">1<img src="support/square-outline-32x32.png" />"Before gen table gencell varyheight</div><div class="real orange">Inner</div><div class="cell brown">2<img src="support/square-outline-32x32.png" />After gen table gencell varyheight"</div></div></div>
|
||||
<div><div><div style="border:none; margin:0;" class="table tall"><div class="cell yellow">1<img src="support/square-outline-32x32.png" />"Before gen gencell varyheight</div><div class="real orange">Inner</div><div class="cell brown">2<img src="support/square-outline-32x32.png" />After gen gencell varyheight"</div></div></div></div>
|
||||
<div><div><div style="border:none; margin:0;" class="table"><div class="row yellow">1<img src="support/square-outline-32x32.png" />"Before gen genrow varywidth</div><div class="row orange">Inner</div><div class="row brown">2<img src="support/square-outline-32x32.png" />After gen genrow varywidth"</div></div></div></div>
|
||||
</td><td style="border:none" valign="top">
|
||||
<div><div class="row"><div class="cell">1<img src="support/square-outline-32x32.png" />"Before gen row gencell</div><div class="real">Inner</div><div class="cell">2<img src="support/square-outline-32x32.png" />After gen row gencell"</div></div></div>
|
||||
<div><div class="row"><div class="cell">1<img src="support/square-outline-32x32.png" />"Before gen row genblock</div><div class="real">Inner</div><div class="cell">2<img src="support/square-outline-32x32.png" />After gen row genblock"</div></div></div>
|
||||
<div><div class="row"><div class="cell">1<img src="support/square-outline-32x32.png" />"Before gen row geninline</div><div class="real">Inner</div><div class="cell">2<img src="support/square-outline-32x32.png" />After gen row geninline"</div></div></div>
|
||||
<div><div class="rowgroup"><div class="row">1<img src="support/square-outline-32x32.png" />"Before gen rowgroup genrow</div><div class="row"><div class="real">Inner</div></div><div class="row">2<img src="support/square-outline-32x32.png" />After gen rowgroup genrow"</div></div></div>
|
||||
<div><div class="rowgroup"><div class="row">1<img src="support/square-outline-32x32.png" />"Before gen rowgroup gencell</div><div class="row"><div class="real">Inner</div></div><div class="row">2<img src="support/square-outline-32x32.png" />After gen rowgroup gencell"</div></div></div>
|
||||
<div><div class="rowgroup"><div class="row">1<img src="support/square-outline-32x32.png" />"Before gen rowgroup genblock</div><div class="row"><div class="real">Inner</div></div><div class="row">2<img src="support/square-outline-32x32.png" />After gen rowgroup genblock"</div></div></div>
|
||||
<div><div class="rowgroup"><div class="row">1<img src="support/square-outline-32x32.png" />"Before gen rowgroup geninline</div><div class="row"><div class="real">Inner</div></div><div class="row">2<img src="support/square-outline-32x32.png" />After gen rowgroup geninline"</div></div></div>
|
||||
</td></tr></tbody></table>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
<!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: generated content</title>
|
||||
<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
|
||||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="match" href="before-after-table-parts-001-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<style type="text/css">
|
||||
table, div.gen { counter-reset:ctr; quotes:"\0022" "\0022" "\0022" "\0022"; }
|
||||
|
||||
.gen:before {
|
||||
content:counter(ctr) url(support/square-outline-32x32.png) open-quote "Before " attr(class);
|
||||
counter-increment:ctr;
|
||||
}
|
||||
.gen:after {
|
||||
content:counter(ctr) url(support/square-outline-32x32.png) "After " attr(class) close-quote;
|
||||
counter-increment:ctr;
|
||||
}
|
||||
|
||||
table { border:1px solid blue; }
|
||||
td { border:1px solid cyan; }
|
||||
td { border-spacing:0; padding:0; }
|
||||
|
||||
tr.gen:before, tr.gen:after { display:table-cell; }
|
||||
tbody.gen:before, tbody.gen:after { display:table-row; }
|
||||
table.gen:before, table.gen:after { display:table-row-group; }
|
||||
table.col:before, table.gen.col:after { display:table-column-group; }
|
||||
/* note reordering here! */
|
||||
table.headfoot:after { display:table-header-group; }
|
||||
table.headfoot:before { display:table-footer-group; }
|
||||
|
||||
.cell { display:table-cell; }
|
||||
.row { display:table-row; }
|
||||
.rowgroup { display:table-row-group; }
|
||||
.table { display:table; }
|
||||
div.gencell:before, div.gencell:after { display:table-cell; }
|
||||
div.genrow:before, div.genrow:after { display:table-row; }
|
||||
div.genblock:before, div.genblock:after { display:block; }
|
||||
div.geninline:before, div.geninline:after { display:inline; }
|
||||
|
||||
div { border:1px solid green; margin:5px; }
|
||||
|
||||
.varyheight:before { height:100px; background:yellow; }
|
||||
.varyheight > div { height:80px; background:orange; }
|
||||
.varyheight:after { height:60px; background:brown; }
|
||||
|
||||
.varywidth:before { background:yellow; }
|
||||
.varywidth > div { background:orange; }
|
||||
.varywidth:after { background:brown; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<table width="100%" style="border:none"><tbody><tr><td style="border:none" valign="top">
|
||||
<div><table><tbody><tr class="gen"><td>Inner</td></tr></tbody></table></div>
|
||||
<div><table><tbody class="gen"><tr><td>Inner</td></tr></tbody></table></div>
|
||||
<div><table class="gen"><tfoot><tr><td>Inner</td></tr></tfoot></table></div>
|
||||
<div><table class="gen col"><tbody><tr><td>Inner</td></tr></tbody></table></div>
|
||||
<div><table class="gen headfoot"><tbody><tr><td>Inner</td></tr></tbody></table></div>
|
||||
<div><div class="gen table gencell varyheight"><div class="cell">Inner</div></div></div>
|
||||
<div><div class="gen gencell varyheight"><div class="cell">Inner</div></div></div>
|
||||
<div><div class="gen genrow varywidth"><div class="row">Inner</div></div></div>
|
||||
</td><td style="border:none" valign="top">
|
||||
<div><div class="gen row gencell"><div class="cell">Inner</div></div></div>
|
||||
<div><div class="gen row genblock"><div class="cell">Inner</div></div></div>
|
||||
<div><div class="gen row geninline"><div class="cell">Inner</div></div></div>
|
||||
<div><div class="gen rowgroup genrow"><div class="row"><div class="cell">Inner</div></div></div></div>
|
||||
<div><div class="gen rowgroup gencell"><div class="row"><div class="cell">Inner</div></div></div></div>
|
||||
<div><div class="gen rowgroup genblock"><div class="row"><div class="cell">Inner</div></div></div></div>
|
||||
<div><div class="gen rowgroup geninline"><div class="row"><div class="cell">Inner</div></div></div></div>
|
||||
</td></tr></tbody></table>
|
||||
|
||||
|
||||
</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>
|
||||
<style type="text/css">
|
||||
div { border:1px solid green; margin:5px; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
<table><tbody><tr><td>Cell0</td><td></td></tr>
|
||||
<tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
|
||||
</div>
|
||||
<div>
|
||||
<table><tbody><tr><td></td><td>Cell0</td></tr>
|
||||
<tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
|
||||
</div>
|
||||
<div>
|
||||
<table><tbody><tr><td></td><td>Cell0</td></tr>
|
||||
<tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
|
||||
</div>
|
||||
<div>
|
||||
<table><tbody><tr><td></td><td>Cell0</td></tr>
|
||||
<tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
<!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: generated content</title>
|
||||
<link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" />
|
||||
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<link rel="match" href="before-after-table-whitespace-001-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<style type="text/css">
|
||||
.gen0:before {
|
||||
padding:1px;
|
||||
}
|
||||
.gen1:before {
|
||||
content: " ";
|
||||
}
|
||||
.gen2:before {
|
||||
content: attr(missing);
|
||||
}
|
||||
.gen3:before {
|
||||
content: url(missing-image.png);
|
||||
}
|
||||
|
||||
div { border:1px solid green; margin:5px; }
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<!-- This tests that generated content items that evaluate to empty strings or
|
||||
broken images are *not* treated as whitespace text and ignored by the table.
|
||||
Altogether missing content should be ignored, though. (In fact it won't even be generated.) -->
|
||||
|
||||
<body>
|
||||
<div>
|
||||
<table><tbody><tr class="gen0"><td>Cell0</td></tr>
|
||||
<tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
|
||||
</div>
|
||||
<div>
|
||||
<table><tbody><tr class="gen1"><td>Cell0</td></tr>
|
||||
<tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
|
||||
</div>
|
||||
<div>
|
||||
<table><tbody><tr class="gen2"><td>Cell0</td></tr>
|
||||
<tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
|
||||
</div>
|
||||
<div>
|
||||
<table><tbody><tr class="gen3"><td>Cell0</td></tr>
|
||||
<tr><td>Cell1</td><td>Cell2</td></tr></tbody></table>
|
||||
</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 Test: :before generated content - display inline</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-001-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler text ";
|
||||
display: inline;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display block</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler text";
|
||||
display: block;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!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 Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
ul
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {margin-left: 1em;}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>. The top "Filler text" should be preceded with a bullet marker (a "disc" as a small filled-in circle).</p>
|
||||
|
||||
<ul>
|
||||
<li>Filler text</li>
|
||||
</ul>
|
||||
|
||||
<div>Filler text</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!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: :before generated content - display list-item</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="help" href="http://www.w3.org/TR/html4/struct/lists.html#h-10.3.1" />
|
||||
<link rel="match" href="before-content-display-003-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler text";
|
||||
display: list-item;
|
||||
margin-left: 1em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>. The top "Filler text" should be preceded with a bullet marker (a "disc" as a small filled-in circle).</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display inline-block</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-001-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler text\A0";
|
||||
display: inline-block;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display table</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler text";
|
||||
display: table;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display inline-table</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-001-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler text\A0";
|
||||
display: inline-table;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display table-row-group</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler text";
|
||||
display: table-row-group;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display table-header-group</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler text";
|
||||
display: table-header-group;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display table-footer-group</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler text";
|
||||
display: table-footer-group;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display table-row</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler text";
|
||||
display: table-row;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display table-column-group</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
|
||||
<link rel="match" href="after-content-display-012-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none')." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
background-color: red;
|
||||
color: yellow;
|
||||
content: ".\0D FAIL";
|
||||
display: table-column-group;
|
||||
font-size: 2em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display table-column</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
|
||||
<link rel="match" href="after-content-display-012-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none')." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
background-color: red;
|
||||
color: yellow;
|
||||
content: ".\0D FAIL";
|
||||
display: table-column;
|
||||
font-size: 2em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display table-cell</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler text";
|
||||
display: table-cell;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display table-caption</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler\A0text";
|
||||
/* Without a table box, the table-caption may shrink to minimum content
|
||||
width (MCW), thus the no-breaking-space (in utf-8) addition between
|
||||
"Filler" and "text" to avoid line-wrapping causing 2 lines. */
|
||||
display: table-caption;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display none</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-012-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
background-color: red;
|
||||
color: yellow;
|
||||
content: ".\0D FAIL";
|
||||
display: none;
|
||||
font-size: 2em;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - display inherit</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<link rel="match" href="after-content-display-002-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler text";
|
||||
display: inherit;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p>
|
||||
|
||||
<div>Filler text</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 Test: :before generated content - initial value of display </title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<link rel="match" href="after-content-display-001-ref.xht" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="The initial value of the 'display' for generated content property is 'inline'." name="assert" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div:before
|
||||
{
|
||||
content: "Filler text ";
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p>
|
||||
|
||||
<div>Filler text</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: Pseudo-element ':before' inherits inheritable values</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The pseudo-element ':before' generated content inherits any inheritable properties from the element." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: solid;
|
||||
color: green;
|
||||
text-align: center;
|
||||
}
|
||||
div:before
|
||||
{
|
||||
content: 'PASS PASS';
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the words "PASS PASS" below are green and the words are centered within the box 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: Pseudo-element ':before' does not inherit non-inheritable values</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Non-inherited properties apply the initial value when applying to ':before'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: 15px solid blue;
|
||||
color: green;
|
||||
}
|
||||
div:before
|
||||
{
|
||||
border-color: orange;
|
||||
border-style: solid;
|
||||
content: 'PASS PASS';
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the words "PASS PASS" are green, they are contained within an orange box with thinner lines than the blue box.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!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: Before applies before text</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Before places generated content before the element content." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: 'PASS PASS';
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the words "PASS PASS" appear below and are to the left of the arrow.</p>
|
||||
<div><--</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: content: with character forced bidi - rlo</title>
|
||||
<link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
|
||||
<meta name="assert" content="A right-to-left override should be applied when u+202E is inserted through the content property"/>
|
||||
<style type="text/css"><![CDATA[
|
||||
.force:before {
|
||||
content: "\202E"
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>The two lines below should be identical:</p>
|
||||
<p>This sentence should be readable</p>
|
||||
<p>This sentence should be <span class="force">elbadaer</span></p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: content: with character forced bidi - lro</title>
|
||||
<link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content"/>
|
||||
<meta name="flags" content=""/>
|
||||
<meta name="assert" content="A left-to-right override should be correctly applied when inserted through the content property"/>
|
||||
<style type="text/css"><![CDATA[
|
||||
.force:before {
|
||||
content: "\202D"
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<p>The two lines below should be identical:</p>
|
||||
<p>ab c d</p>
|
||||
<p>‮d c <span class="force">ab</span>‬</p>
|
||||
|
||||
</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: Content with the value of 'none'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a value of 'none'." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: "FAIL FAIL";
|
||||
content: none;
|
||||
color: red;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</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: Content with the value of 'normal'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a value of 'normal'." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: "FAIL FAIL";
|
||||
content: normal;
|
||||
color: red;
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</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: Content with a string as the value</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a string as a value." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: "PASS PASS";
|
||||
color: green;
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the words "PASS PASS" are in the box below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!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: Content with a url() to an image as a value</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="image" />
|
||||
<meta name="assert" content="The 'content' property properly handles the 'url()' function as a value." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: url('support/green15x15.png');
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a green box below.</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: Content with a 'counter()' function as a value</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function as a value." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counter(test);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a zero "0" in the box below.</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: Content using a 'counter()' function with a list style set to 'disc'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counter(test, disc);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a bullet (•) in the box below.</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: Content using a 'counter()' function with a list style set to 'circle'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counter(test, circle);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a bullet (◦) in the box below.</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: Content using a 'counter()' function with a list style set to 'square'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counter(test, square);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a bullet (■) in the box below.</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: Content using a 'counter()' function with a list style set to 'decimal'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counter(test, decimal);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a zero "0" in the box below.</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: Content using a 'counter()' function with a list style set to 'decimal-leading-zero'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counter(test, decimal-leading-zero);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is are double zeros "00" in the box 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: Content using a 'counter()' function with a list style set to 'lower-roman'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
counter-increment: test;
|
||||
content: counter(test, lower-roman);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a letter "i" in the box 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: Content using a 'counter()' function with a list style set to 'upper-roman'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
counter-increment: test;
|
||||
content: counter(test, upper-roman);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a letter "I" in the box 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: Content using a 'counter()' function with a list style set to 'lower-greek'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
counter-increment: test;
|
||||
content: counter(test, lower-greek);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a greek letter "α" in the box 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: Content using a 'counter()' function with a list style set to 'lower-latin'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
counter-increment: test;
|
||||
content: counter(test, lower-latin);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a letter "a" in the box 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: Content using a 'counter()' function with a list style set to 'upper-latin'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
counter-increment: test;
|
||||
content: counter(test, upper-latin);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a letter "A" in the box 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: Content using a 'counter()' function with a list style set to 'armenian'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
counter-increment: test;
|
||||
content: counter(test, armenian);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is an Armenian character "ա" or "Ա" 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: Content using a 'counter()' function with a list style set to 'georgian'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
counter-increment: test;
|
||||
content: counter(test, georgian);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a Georgian character "ა" in the box 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: Content using a 'counter()' function with a list style set to 'lower-alpha'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
counter-increment: test;
|
||||
content: counter(test, lower-alpha);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a letter "a" in the box 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: Content using a 'counter()' function with a list style set to 'upper-alpha'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
counter-increment: test;
|
||||
content: counter(test, upper-alpha);
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a letter "A" in the box below.</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: Content using a 'counter()' function with a list style set to 'none'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counter()' function with a list-style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
counter-increment: test;
|
||||
content: counter(test, none);
|
||||
color: red;
|
||||
}
|
||||
div
|
||||
{
|
||||
border: 2px solid black;
|
||||
height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</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: Content using a 'counters()' function with a string value</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string value." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counters(test, ".");
|
||||
counter-reset: test;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border: 2px solid black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are the numbers "0" and "0.0" in the box below.</p>
|
||||
<div id="div1">
|
||||
<div></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: Content using a 'counters()' function with a string and a list style set to 'disc'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counters(test, ".", disc);
|
||||
counter-reset: test;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border: 2px solid black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are bullets "•" and "•.•" in the box below.</p>
|
||||
<div id="div1">
|
||||
<div></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: Content using a 'counters()' function with a string and a list style set to 'circle'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counters(test, ".", circle);
|
||||
counter-reset: test;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border: 2px solid black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are circles "◦" and "◦.◦" in the box below.</p>
|
||||
<div id="div1">
|
||||
<div></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: Content using a 'counters()' function with a string and a list style set to 'square'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counters(test, ".", square);
|
||||
counter-reset: test;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border: 2px solid black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are squares "■" and "■.■" in the box below.</p>
|
||||
<div id="div1">
|
||||
<div></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: Content using a 'counters()' function with a string and a list style set to 'decimal'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counters(test, ".", decimal);
|
||||
counter-reset: test;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border: 2px solid black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are numbers "0" and "0.0" in the box below.</p>
|
||||
<div id="div1">
|
||||
<div></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: Content using a 'counters()' function with a string and a list style set to 'decimal-leading-zero'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counters(test, ".", decimal-leading-zero);
|
||||
counter-reset: test;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border: 2px solid black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are numbers "00" and "00.00" in the box below.</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: Content using a 'counters()' function with a string and a list style set to 'lower-roman'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counters(test, ".", lower-roman);
|
||||
counter-increment: test;
|
||||
counter-reset: test;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border: 2px solid black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are letters "i" and "i.i" in the box below.</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: Content using a 'counters()' function with a string and a list style set to 'upper-roman'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'content' property properly handles a 'counters()' function with a string and a list style." />
|
||||
<style type="text/css">
|
||||
div:before
|
||||
{
|
||||
content: counters(test, ".", upper-roman);
|
||||
counter-increment: test;
|
||||
counter-reset: test;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border: 2px solid black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are letters "I" and "I.I" in the box below.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</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