mirror of
https://github.com/servo/servo.git
synced 2025-08-07 22:45:34 +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
1
tests/wpt/web-platform-tests/css/css-block-3/OWNERS
Normal file
1
tests/wpt/web-platform-tests/css/css-block-3/OWNERS
Normal file
|
|
@ -0,0 +1 @@
|
|||
@bert-github
|
||||
|
|
@ -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 run-in</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" title="12.1 The :before and :after pseudo-elements" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-box/#run-in-boxes" title="4.3. Run-in boxes" />
|
||||
|
||||
<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: run-in;
|
||||
}
|
||||
]]></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: Anonymous run-in box generation</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Block boxes with inline content followed by a run-in box generate an anonymous run-in box around the inline content." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
width: 2in;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
div div
|
||||
{
|
||||
background: blue;
|
||||
display: run-in;
|
||||
height: 1em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the "Filler Text" text is centered above the blue box.</p>
|
||||
<div id="div1">
|
||||
Filler Text
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Background applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'background' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background: black;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a black 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: Background-attachment applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
|
||||
<meta name="flags" content="image" />
|
||||
<meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: orange;
|
||||
background-image: url('support/blue96x96.png');
|
||||
background-attachment: fixed;
|
||||
background-repeat: repeat-x;
|
||||
display: run-in;
|
||||
height: 2in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a short blue box above a taller orange box below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Background-color applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: black;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the box below is black.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Background-image applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
|
||||
<meta name="flags" content="image" />
|
||||
<meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-image: url('support/black15x15.png');
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a 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: Background-position applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
|
||||
<meta name="flags" content="image" />
|
||||
<meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-image: url('support/blue15x15.png');
|
||||
background-position: bottom right;
|
||||
background-repeat: no-repeat;
|
||||
border: solid black;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the blue box is in the lower-right corner of the black box.</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: Background-repeat applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
|
||||
<meta name="flags" content="image" />
|
||||
<meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: red;
|
||||
background-image: url('support/green15x15.png');
|
||||
background-repeat: repeat;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a green box below and no red visible on the page.</p>
|
||||
<div></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: :before generated content - display run-in</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
<link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" title="12.1 The :before and :after pseudo-elements" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-box/#run-in-boxes" title="4.3. Run-in boxes" />
|
||||
|
||||
<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: run-in;
|
||||
}
|
||||
]]></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,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border applied to element with 'display' set to run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: solid green;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a hollow box below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom: solid green;
|
||||
display: run-in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a green line below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-color applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: green;
|
||||
display: run-in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the line below is green.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-style applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom-style: dashed;
|
||||
display: run-in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the line below is dashed.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-bottom-width applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1in;
|
||||
display: run-in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-collapse and 'display: run-in' elements</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Border-collapse does not apply to 'display: run-in' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-collapse: collapse;
|
||||
display: run-in;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
#top
|
||||
{
|
||||
border-bottom: 10px solid blue;
|
||||
}
|
||||
#bottom
|
||||
{
|
||||
border-top: 10px dotted orange;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p>
|
||||
<div id="top"></div>
|
||||
<div id="bottom"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-color applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-color' properties applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-style: solid;
|
||||
border-color: green;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a green box below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-left applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-left' properties applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-left: solid green;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a green line below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-left-color applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-left-color' properties applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-left-style: solid;
|
||||
border-left-color: green;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the line below is green.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-left-style applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-left-style' properties applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-left-style: dashed;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the line below is dashed.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-left-width applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-left-width' properties applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-left-style: solid;
|
||||
border-left-width: 1in;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-right applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-right' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-right: solid green;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a green line below.</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: Border-right-color applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-right-color' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-right-style: solid;
|
||||
border-right-color: green;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the line below is green.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-right-style applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-right-style' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-right-style: dashed;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the line below is dashed.</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: Border-right-width applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-right-width' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-right-style: solid;
|
||||
border-right-width: 1in;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square 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: Border-spacing and 'display: run-in' elements</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Border-spacing does not apply to 'display: run-in' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: 10px solid black;
|
||||
border-spacing: 20px;
|
||||
display: run-in;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the two boxes below are adjoining.</p>
|
||||
<div></div>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-style applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-style' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-style: dashed;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a dashed lined box below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-top applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-top' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-top: solid green;
|
||||
display: run-in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a green line below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-top-color applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-top-color' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-top-style: solid;
|
||||
border-top-color: green;
|
||||
display: run-in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the line below is green.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-top-style applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-top-style' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-top-style: dashed;
|
||||
display: run-in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the line below is dashed.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Border-top-width applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-top-width' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-top-style: solid;
|
||||
border-top-width: 1in;
|
||||
display: run-in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</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: Border-width applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'border-width' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border-style: solid;
|
||||
border-width: 1in;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box below with four sides that are the same width. (Note: this will make a large square surrounding a smaller white square.)</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Bottom applied to element with 'display' set to run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'bottom' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background: green;
|
||||
bottom: 0;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
position: absolute;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box at the bottom of 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: Caption-side and 'display: run-in' elements</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Caption-side does not apply to 'display: run-in' elements." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
background: blue;
|
||||
caption-side: bottom;
|
||||
display: run-in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are three lines of "Filler Text" below and the middle line has a blue background.</p>
|
||||
<div>
|
||||
Filler Text
|
||||
<span>Filler Text</span>
|
||||
Filler Text
|
||||
</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: Clear applied to element with 'display' set to run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'clear' property applies to elements with a display of 'run-in'." />
|
||||
<style type="text/css">
|
||||
p
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
div
|
||||
{
|
||||
background: green;
|
||||
display: run-in;
|
||||
clear: both;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box below.</p>
|
||||
<div></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: Clear applies to final block box of a run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Clearance only applies to the final block box of a run-in element." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
width: 4in;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
background-color: blue;
|
||||
float: left;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#span2
|
||||
{
|
||||
clear: left;
|
||||
display: run-in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the "Filler Text" is all on the same line and is below the blue box.</p>
|
||||
<div id="div1">
|
||||
<span id="span1"></span>
|
||||
<span id="span2">Filler Text </span>
|
||||
<div>Filler Text</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Color applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'color' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
color: green;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the "Filler Text" below is green.</p>
|
||||
<div>Filler Text</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: Counter-increment applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
|
||||
<link rel="match" href="../reference/pass_if_number_5.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
counter-increment: test 5;
|
||||
display: run-in;
|
||||
}
|
||||
div:before
|
||||
{
|
||||
content: counter(test);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a number '5' 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: Counter-reset applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" />
|
||||
<link rel="match" href="../reference/pass_if_number_5.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
counter-reset: test 5;
|
||||
display: run-in;
|
||||
}
|
||||
div:before
|
||||
{
|
||||
content: counter(test);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a number '5' below.</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: Cursor applied to element with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" />
|
||||
<meta name="flags" content="interact" />
|
||||
<meta name="assert" content="The 'cursor' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: blue;
|
||||
cursor: pointer;
|
||||
height: 1in;
|
||||
display: run-in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</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: Direction applied to element with 'display' set to run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'direction' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background: orange;
|
||||
direction: rtl;
|
||||
display: run-in;
|
||||
font: 0.5in/1em Ahem;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box in the upper-right corner of the orange box.</p>
|
||||
<div>X</div>
|
||||
</body>
|
||||
</html>
|
||||
22
tests/wpt/web-platform-tests/css/css-block-3/display-004.xht
Normal file
22
tests/wpt/web-platform-tests/css/css-block-3/display-004.xht
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Display set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The property 'display' set to 'run-in' behaves in layout as a run-in block." />
|
||||
<style type="text/css">
|
||||
#test
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the "Filler Text" below is all on the same line.</p>
|
||||
<div id="test">Filler Text</div>
|
||||
<div>Filler Text</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: Empty-cells and 'display: run-in' elements</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Empty-cells does not apply to 'display: run-in' elements." />
|
||||
<style type="text/css">
|
||||
#table
|
||||
{
|
||||
display: table;
|
||||
}
|
||||
.tr
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
.td
|
||||
{
|
||||
color: white;
|
||||
display: table-cell;
|
||||
}
|
||||
#test
|
||||
{
|
||||
background: black;
|
||||
border: 5px solid black;
|
||||
display: run-in;
|
||||
empty-cells: hide;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box below.</p>
|
||||
<div id="table">
|
||||
<div class="tr">
|
||||
<div id="test"></div>
|
||||
<div class="td">XXXXX</div>
|
||||
</div>
|
||||
<div class="tr">
|
||||
<div class="td">XXXXX</div>
|
||||
<div class="td">XXXXX</div>
|
||||
</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" lang="en">
|
||||
<head>
|
||||
<title>CSS Test: CSS Block Box Model: first-line and inherited backgrounds</title>
|
||||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
|
||||
<link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/009.html" type="text/html"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" />
|
||||
<style type="text/css">
|
||||
/* layout */
|
||||
.test { border: solid; margin: 1em; }
|
||||
/* test */
|
||||
.runin { display: run-in; background: navy; color: yellow; }
|
||||
.block { display: block; background: purple; color: white; }
|
||||
.block:first-line { background: inherit; color: inherit; font-weight: bold; }
|
||||
/* control */
|
||||
.fakerunin { display: inline; background: navy; color: yellow; font-weight: bold; }
|
||||
.fakeblock { display: block; background: purple; color: white; font-weight: bold; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The following two lines should look identical (this test also tests run-in).</p>
|
||||
<div class="test"> <div class="runin"> ABC </div> <div class="block"> DEF </div> </div>
|
||||
<div class="test"> <div class="fakeblock"> <div class="fakerunin"> ABC </div> DEF </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: Float applied to element with 'display' set to run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'float' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background: green;
|
||||
display: run-in;
|
||||
float: right;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box on the right side of 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: Font and 'display: run-in' elements</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'font' property applies to 'display: run-in' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: italic small-caps bold 16px sans-serif;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the lines of "Filler Text" below match.</p>
|
||||
<div>Filler Text</div>
|
||||
<div id="div1">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 Test: Font-family and 'display: run-in' elements</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'font-family' property applies to 'display: run-in' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
display: run-in;
|
||||
font-family: Ahem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div>X</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: Font-size and 'display: run-in' elements</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'font-size' property applies to 'display: run-in' elements." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
background: orange;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
#div2
|
||||
{
|
||||
display: run-in;
|
||||
font-family: Ahem;
|
||||
font-size: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the boxes below are the same size.</p>
|
||||
<div id="div1"></div>
|
||||
<div id="div2">X</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Font-style and 'display: run-in' elements</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/>
|
||||
<link rel="match" href="../reference/pass_if_filler_text_slanted.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'font-style' property applies to 'display: run-in' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
display: run-in;
|
||||
font-style: italic;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the "Filler Text" below is slanted to one side.</p>
|
||||
<div>Filler Text</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: Font-variant and 'display: run-in' elements</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" />
|
||||
<link rel="match" href="../reference/pass_if_filler_text_match_smallcaps.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'font-variant' property applies to 'display: run-in' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font-variant: small-caps;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the lines of "Filler Text" below match.</p>
|
||||
<div>Filler Text</div>
|
||||
<div id="div1">Filler Text</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: Font-weight and 'display: run-in' elements</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" />
|
||||
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" />
|
||||
<link rel="match" href="../reference/pass_if_filler_text_match_bold.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Font weights apply to 'display: run-in' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the lines of "Filler Text" below match.</p>
|
||||
<div>Filler Text</div>
|
||||
<div id="div1">Filler Text</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: Height applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" />
|
||||
<link rel="match" href="../reference/pass_if_square_96px_black.html"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'height' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background: black;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square 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: Left applied to element with 'display' set to run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'left' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background: green;
|
||||
left: 0;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
position: absolute;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box on the left side of the page.</p>
|
||||
<div></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: Letter-spacing application on a 'display: run-in' element</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" />
|
||||
<link rel="match" href="../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/>
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'letter-spacing' property is applied to 'display: run-in' elements." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 16px/1em Ahem;
|
||||
}
|
||||
div div
|
||||
{
|
||||
display: run-in;
|
||||
letter-spacing: 1em;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
background: blue;
|
||||
height: 1em;
|
||||
width: 11em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p>
|
||||
<div>
|
||||
<div>XXXXXX</div>
|
||||
</div>
|
||||
<div id="div1"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Line-height applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
position: relative;
|
||||
}
|
||||
#div2
|
||||
{
|
||||
background: blue;
|
||||
display: run-in;
|
||||
line-height: 2in;
|
||||
width: 1in;
|
||||
}
|
||||
#div3
|
||||
{
|
||||
background: orange;
|
||||
height: 2in;
|
||||
left: 1in;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the blue and orange boxes below are the same height.</p>
|
||||
<div id="div1">
|
||||
<div id="div2"> </div>
|
||||
<div id="div3"></div>
|
||||
</div>
|
||||
</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">
|
||||
<head>
|
||||
<title>CSS Test: List-style applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
|
||||
<link rel="match" href="../reference/single_square_list_marker.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
display: run-in;
|
||||
list-style: square;
|
||||
margin-left: 1in;
|
||||
}
|
||||
span
|
||||
{
|
||||
display: list-item;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a single square below.</p>
|
||||
<div>
|
||||
<span></span>
|
||||
</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: List-style-image applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
|
||||
<meta name="flags" content="image" />
|
||||
<meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
display: run-in;
|
||||
list-style-image: url('support/blue15x15.png');
|
||||
margin-left: 1in;
|
||||
}
|
||||
span
|
||||
{
|
||||
display: list-item;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a single blue square below.</p>
|
||||
<div>
|
||||
<span></span>
|
||||
</div>
|
||||
</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">
|
||||
<head>
|
||||
<title>CSS Test: List-style-position applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
display: run-in;
|
||||
list-style-position: inside;
|
||||
margin-left: 1in;
|
||||
}
|
||||
span
|
||||
{
|
||||
background: orange;
|
||||
display: list-item;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a black dot inside an orange box below.</p>
|
||||
<div>
|
||||
<span></span>
|
||||
</div>
|
||||
</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">
|
||||
<head>
|
||||
<title>CSS Test: List-style-type applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" />
|
||||
<link rel="match" href="../reference/single_square_list_marker.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
display: run-in;
|
||||
list-style-type: square;
|
||||
margin-left: 1in;
|
||||
}
|
||||
span
|
||||
{
|
||||
display: list-item;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a single square below.</p>
|
||||
<div>
|
||||
<span></span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Margin applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'Margin' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
#wrapper
|
||||
{
|
||||
border: 10px solid blue;
|
||||
position: absolute;
|
||||
}
|
||||
#test
|
||||
{
|
||||
border: 10px solid orange;
|
||||
display: run-in;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
margin: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is space between the blue and orange lines below.</p>
|
||||
<div id="wrapper">
|
||||
<div id="test"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Margin-bottom applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'margin-bottom' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
#wrapper
|
||||
{
|
||||
border-bottom: 10px solid blue;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border-bottom: 10px solid orange;
|
||||
display: run-in;
|
||||
height: 200px;
|
||||
margin-bottom: 50px;
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is space between the blue and orange lines below.</p>
|
||||
<div id="wrapper">
|
||||
<div></div>
|
||||
</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: Margin-left applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'margin-left' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border-left: 10px solid blue;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border-left: 10px solid orange;
|
||||
display: run-in;
|
||||
margin-left: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is space between the blue and orange lines below.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</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: Margin-right applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'margin-right' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 200px;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border-right: 10px solid blue;
|
||||
width: 200px;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border-right: 10px solid orange;
|
||||
display: run-in;
|
||||
margin-right: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is space between the blue and orange lines below.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</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: Margin-top applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'margin-top' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border-top: 10px solid blue;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border-top: 10px solid orange;
|
||||
display: run-in;
|
||||
margin-top: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is space between the blue and orange lines below.</p>
|
||||
<div id="div1">
|
||||
<div></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: Max-height applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
|
||||
<link rel="match" href="../reference/pass_if_square_96px_black.html"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background: black;
|
||||
display: run-in;
|
||||
height: 3in;
|
||||
max-height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square 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: Max-width applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
|
||||
<link rel="match" href="../reference/pass_if_square_96px_black.html"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background: black;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
max-width: 1in;
|
||||
width: 3in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</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: Min-height applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
|
||||
<link rel="match" href="../reference/pass_if_square_96px_black.html"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background: black;
|
||||
display: run-in;
|
||||
min-height: 1in;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Min-width applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
|
||||
<link rel="match" href="../reference/pass_if_square_96px_black.html"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
width: 0.5in;
|
||||
}
|
||||
div div
|
||||
{
|
||||
background: black;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
min-width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Outline applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'outline' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
outline: solid blue 10px;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a blue 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: Outline-color applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'outline-color' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 1in;
|
||||
display: run-in;
|
||||
outline-color: blue;
|
||||
outline-style: solid;
|
||||
outline-width: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the box below is blue.</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: Outline-style applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'outline-style' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
outline-color: blue;
|
||||
outline-style: dotted;
|
||||
outline-width: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the box below has a dotted border.</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: Outline-width applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'outline-width' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
outline-color: green;
|
||||
outline-style: solid;
|
||||
outline-width: 10px;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a green box below.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: overflow applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
border: 5px solid transparent;
|
||||
color: white;
|
||||
display: run-in;
|
||||
font: 20px/1em Ahem;
|
||||
height: 5em;
|
||||
overflow: hidden;
|
||||
width: 5em;
|
||||
}
|
||||
#span2
|
||||
{
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
<div><span>XXXXX</span><span id="span2">XXXXX</span></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: Padding applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'padding' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
#div1
|
||||
{
|
||||
border: 10px solid blue;
|
||||
display: run-in;
|
||||
padding: 50px;
|
||||
width: 200px;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border: 10px solid orange;
|
||||
height: 200px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is space between the blue and orange lines on all four sides.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Padding-bottom applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'padding-bottom' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
width: 200px;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border-bottom: 10px solid blue;
|
||||
display: run-in;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border-bottom: 10px solid orange;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is space between the blue and orange lines below.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</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: Padding-left applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'padding-left' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border-left: 10px solid blue;
|
||||
display: run-in;
|
||||
padding-left: 50px;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border-left: 10px solid orange;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is space between the blue and orange lines below.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</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: Padding-right applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'padding-right' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
height: 200px;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border-right: 10px solid blue;
|
||||
display: run-in;
|
||||
padding-right: 50px;
|
||||
width: 200px;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border-right: 10px solid orange;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is space between the blue and orange lines below.</p>
|
||||
<div id="div1">
|
||||
<div></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Padding-top applied to element with display run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'padding-top' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
width: 200px;
|
||||
}
|
||||
#div1
|
||||
{
|
||||
border-top: 10px solid blue;
|
||||
display: run-in;
|
||||
padding-top: 50px;
|
||||
}
|
||||
div div
|
||||
{
|
||||
border-top: 10px solid orange;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is space between the blue and orange lines below.</p>
|
||||
<div id="div1">
|
||||
<div></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: Position applied to element with 'display' set to run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'position' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background: green;
|
||||
bottom: 0;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
position: absolute;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box at the bottom of 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: Quotes applied to elements with 'display' set to 'run-in'</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" />
|
||||
<link rel="match" href="../reference/pass_if_pass_below.html" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'run-in'." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
display: run-in;
|
||||
quotes: "P" "S" "A" "S";
|
||||
}
|
||||
div:before
|
||||
{
|
||||
content: open-quote open-quote close-quote close-quote;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is the word "PASS" 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: Right applied to element with 'display' set to run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="The 'right' property applies to elements with a display of run-in." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background: green;
|
||||
right: 0;
|
||||
display: run-in;
|
||||
height: 1in;
|
||||
position: absolute;
|
||||
width: 1in;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a box on the right side of the page.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
34
tests/wpt/web-platform-tests/css/css-block-3/run-in-001.xht
Normal file
34
tests/wpt/web-platform-tests/css/css-block-3/run-in-001.xht
Normal file
|
|
@ -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: Run-in with a block box converts to a block box</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box contains a block box." />
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
span span
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div>
|
||||
<span>XXX</span>
|
||||
<span id="span1">
|
||||
XXX
|
||||
<span>XXX</span>
|
||||
</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
28
tests/wpt/web-platform-tests/css/css-block-3/run-in-002.xht
Normal file
28
tests/wpt/web-platform-tests/css/css-block-3/run-in-002.xht
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Run-in boxes change to inline boxes</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Sibling block boxes following a run-in makes the run-in become an inline of the block box." />
|
||||
<style type="text/css">
|
||||
#span1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
#span2
|
||||
{
|
||||
background: orange;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the "Filler Text" below is all on the same line and is completely contained within the orange box.</p>
|
||||
<div>
|
||||
<span id="span1">Filler Text</span>
|
||||
<span id="span2">Filler Text</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-003.xht
Normal file
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-003.xht
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Run-in boxes and float</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Float prevents run-in from becoming inline." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
#span2
|
||||
{
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div>
|
||||
<span id="span1">XX</span>
|
||||
<span id="span2">XX</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-004.xht
Normal file
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-004.xht
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Run-in boxes and absolute positioning</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Absolute positioning prevents run-in from becoming inline." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
#span2
|
||||
{
|
||||
display: block;
|
||||
position: absolute;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div>
|
||||
<span id="span1">XX</span>
|
||||
<span id="span2">XX</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
30
tests/wpt/web-platform-tests/css/css-block-3/run-in-005.xht
Normal file
30
tests/wpt/web-platform-tests/css/css-block-3/run-in-005.xht
Normal file
|
|
@ -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">
|
||||
<head>
|
||||
<title>CSS Test: Run-in that starts with a run-in</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Run-in boxes cannot run-in with another box that already starts with a run-in." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
span span
|
||||
{
|
||||
background: orange;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if words "Filler Text" are on three separate lines and the orange box in the middle spans the entire width of the page.</p>
|
||||
<div>
|
||||
<span id="span1">
|
||||
Filler Text
|
||||
<span>Filler Text</span>
|
||||
Filler Text
|
||||
</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-006.xht
Normal file
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-006.xht
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Run-in with a table box</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table box." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
#span2
|
||||
{
|
||||
display: table;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div>
|
||||
<span id="span1">XX</span>
|
||||
<span id="span2">XX</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-007.xht
Normal file
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-007.xht
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Run-in with a inline-table box</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into an inline-table box." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
#span2
|
||||
{
|
||||
display: inline-table;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div>
|
||||
<span id="span1">XX</span>
|
||||
<span id="span2">XX</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-008.xht
Normal file
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-008.xht
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Run-in with a table-row-group box</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table-row-group box." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
#span2
|
||||
{
|
||||
display: table-row-group;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div>
|
||||
<span id="span1">XX</span>
|
||||
<span id="span2">XX</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-009.xht
Normal file
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-009.xht
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Run-in with a table-row box</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table-row box." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
#span2
|
||||
{
|
||||
display: table-row;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div>
|
||||
<span id="span1">XX</span>
|
||||
<span id="span2">XX</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-010.xht
Normal file
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-010.xht
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Run-in with a table-cell box</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table-cell box." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
#span2
|
||||
{
|
||||
display: table-cell;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div>
|
||||
<span id="span1">XX</span>
|
||||
<span id="span2">XX</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-011.xht
Normal file
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-011.xht
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Run-in with a table-caption box</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table-caption box." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
#span2
|
||||
{
|
||||
display: table-caption;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div>
|
||||
<span id="span1">XX</span>
|
||||
<span id="span2">XX</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-012.xht
Normal file
32
tests/wpt/web-platform-tests/css/css-block-3/run-in-012.xht
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Test: Run-in with a table-header-group box</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table-header-group box." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
#span2
|
||||
{
|
||||
display: table-header-group;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div>
|
||||
<span id="span1">XX</span>
|
||||
<span id="span2">XX</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
33
tests/wpt/web-platform-tests/css/css-block-3/run-in-013.xht
Normal file
33
tests/wpt/web-platform-tests/css/css-block-3/run-in-013.xht
Normal file
|
|
@ -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: Run-in with a table-footer-group box</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table-footer-group box." />
|
||||
<style type="text/css">
|
||||
span
|
||||
{
|
||||
font: 20px/1em Ahem;
|
||||
}
|
||||
#span1
|
||||
{
|
||||
display: run-in;
|
||||
}
|
||||
#span2
|
||||
{
|
||||
display: table-footer-group;
|
||||
background: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a square below.</p>
|
||||
<div>
|
||||
<span id="span1">XX</span>
|
||||
<span id="span2">XX</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!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: Run in - abs pos should not prevent running in</title>
|
||||
<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
|
||||
<link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/>
|
||||
<link rel="match" href="run-in-basic-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert"
|
||||
content="Tests that run-ins actually run in if there is an absolutely
|
||||
positioned element between the run-in and the following block."/>
|
||||
<style type="text/css"><![CDATA[
|
||||
div { display: block; }
|
||||
.run-in { display: run-in; font-weight: bold }
|
||||
.abspos { position: absolute; visibility: hidden; }
|
||||
#target { border: 2px solid black; }
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="run-in">Run-in header</div>
|
||||
<div class="abspos"></div>
|
||||
<div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!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: Run in - block set to abs pos should allow running in</title>
|
||||
<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
|
||||
<link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/>
|
||||
<link rel="match" href="run-in-basic-ref.xht"/>
|
||||
<meta name="flags" content="dom" />
|
||||
<meta name="assert"
|
||||
content="Tests that run-ins run in if a block is dynamically set to
|
||||
absolutely positioned between them and the following block."/>
|
||||
<style type="text/css"><![CDATA[
|
||||
div { display: block; }
|
||||
.run-in { display: run-in; font-weight: bold }
|
||||
.abspos { position: absolute; visibility: hidden; }
|
||||
#target { border: 2px solid black; }
|
||||
]]></style>
|
||||
<script type="text/javascript"><![CDATA[
|
||||
function flushLayout(elt) {
|
||||
elt.offsetWidth; /* Just undefined on non-elements, but that's ok */
|
||||
for (var i = 0; i < elt.childNodes.length; ++i) {
|
||||
flushLayout(elt.childNodes[i]);
|
||||
}
|
||||
}
|
||||
window.onload = function() {
|
||||
flushLayout(document.documentElement);
|
||||
var r = document.getElementById("r");
|
||||
r.className = "abspos";
|
||||
}
|
||||
]]></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="run-in">Run-in header</div>
|
||||
<div id="r">Some text.</div>
|
||||
<div id="target">Start of block. The run-in header should be inside the
|
||||
border around this block and there should be no space between the word
|
||||
"header" and the word "Start".</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!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: Run in - inline toggled from abs pos should prevent running in</title>
|
||||
<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
|
||||
<link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/>
|
||||
<link rel="match" href="run-in-text-ref.xht"/>
|
||||
<meta name="flags" content="dom" />
|
||||
<meta name="assert"
|
||||
content="Tests that run-ins don't run in if an inline between them and
|
||||
the block is toggled from being absolutely positioned."/>
|
||||
<style type="text/css"><![CDATA[
|
||||
div { display: block; }
|
||||
.run-in { display: run-in; font-weight: bold }
|
||||
.abspos { position: absolute; visibility: hidden; }
|
||||
#target { border: 2px solid black; }
|
||||
]]></style>
|
||||
<script type="text/javascript"><![CDATA[
|
||||
function flushLayout(elt) {
|
||||
elt.offsetWidth; /* Just undefined on non-elements, but that's ok */
|
||||
for (var i = 0; i < elt.childNodes.length; ++i) {
|
||||
flushLayout(elt.childNodes[i]);
|
||||
}
|
||||
}
|
||||
window.onload = function() {
|
||||
flushLayout(document.documentElement);
|
||||
var r = document.getElementById("r");
|
||||
r.className = "";
|
||||
}
|
||||
]]></script>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div class="run-in">Run-in header</div>
|
||||
<span id="r" class="abspos">Some text.</span>
|
||||
<div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!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: Run in - basic functionality</title>
|
||||
<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
|
||||
<link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/>
|
||||
<link rel="match" href="run-in-basic-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert"
|
||||
content="Run-ins run into a following block if there is nothing
|
||||
between the run-in and the block."/>
|
||||
<style type="text/css"><![CDATA[
|
||||
div { display: block; }
|
||||
.run-in { display: run-in; font-weight: bold }
|
||||
#target { border: 2px solid black; }
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="run-in">Run-in header</div><div id="target">Start of block. The
|
||||
run-in header should be inside the border around this block and there should
|
||||
be no space between the word "header" and the word "Start".</div>
|
||||
</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: Run in - basic functionality with whitespace</title>
|
||||
<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
|
||||
<link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/>
|
||||
<link rel="match" href="run-in-basic-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert"
|
||||
content="Run-ins run into a following block if there is collapsed
|
||||
whitespace between the run-in and the following block."/>
|
||||
<style type="text/css"><![CDATA[
|
||||
div { display: block; }
|
||||
.run-in { display: run-in; font-weight: bold }
|
||||
#target { border: 2px solid black; }
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="run-in">Run-in header</div>
|
||||
<div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!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: Run in - basic functionality with comments</title>
|
||||
<link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/>
|
||||
<link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/>
|
||||
<link rel="match" href="run-in-basic-ref.xht"/>
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert"
|
||||
content="Run-ins run into a following block if there is collapsed
|
||||
whitespace and comments between the run-in and the block."/>
|
||||
<style type="text/css"><![CDATA[
|
||||
div { display: block; }
|
||||
.run-in { display: run-in; font-weight: bold }
|
||||
#target { border: 2px solid black; }
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="run-in">Run-in header</div>
|
||||
<!-- This is a comment -->
|
||||
|
||||
<!-- And another comment -->
|
||||
<div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</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