diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/CSS2/normal-flow | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/normal-flow')
1088 files changed, 31718 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/auto-margins-root-element.html b/testing/web-platform/tests/css/CSS2/normal-flow/auto-margins-root-element.html new file mode 100644 index 0000000000..8d9aaf443a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/auto-margins-root-element.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#blockwidth"> +<style> + html { + width: 100px; + margin-left: auto; + } + body { /* Just to make testharness display nicely. */ + position: absolute; + left: 0; + right: 0; + } +</style> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script> + test(()=> { + var viewport_width = window.innerWidth; + var html = document.documentElement; + assert_equals(html.offsetLeft, viewport_width - 100); + }, "Root element auto margins resolve"); +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/auto-margins-used-values-with-floats.tentative.html b/testing/web-platform/tests/css/CSS2/normal-flow/auto-margins-used-values-with-floats.tentative.html new file mode 100644 index 0000000000..3a48dae4b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/auto-margins-used-values-with-floats.tentative.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#blockwidth"> +<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/9174"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/check-layout-th.js"></script> +<style> +.container { + display: flow-root; + width: 100px; + padding: 5px; + box-sizing: border-box; +} +.box { + display: flow-root; + width: 40px; + height: 10px; + background: lime; +} +.float { + float: right; + width: 20px; + height: 40px; + background: cyan; +} +</style> +<body onload="checkLayout('.box')"> + <div class="container"> + <div class="float"></div> + <div class="box" style="margin: auto;" data-expected-margin-left="15" data-expected-margin-right="35"></div> + <div class="box" style="margin-left: auto;" data-expected-margin-left="30" data-expected-margin-right="0"></div> + <div class="box" style="margin-right: auto;" data-expected-margin-left="0" data-expected-margin-right="50"></div> + </div> + <div class="container" style="direction: rtl;"> + <div class="float"></div> + <div class="box" style="margin: auto;" data-expected-margin-left="15" data-expected-margin-right="35"></div> + <div class="box" style="margin-left: auto;" data-expected-margin-left="30" data-expected-margin-right="0"></div> + <div class="box" style="margin-right: auto;" data-expected-margin-left="0" data-expected-margin-right="50"></div> + </div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/auto-margins-used-values.html b/testing/web-platform/tests/css/CSS2/normal-flow/auto-margins-used-values.html new file mode 100644 index 0000000000..d4c7ac3f01 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/auto-margins-used-values.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#blockwidth"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/check-layout-th.js"></script> +<style> +.container { + display: flow-root; + width: 100px; + padding: 5px; + box-sizing: border-box; +} +.box { + display: flow-root; + width: 40px; + height: 10px; + background: lime; +} +</style> +<body onload="checkLayout('.box')"> + <div class="container"> + <div class="box" style="margin: auto;" data-expected-margin-left="25" data-expected-margin-right="25"></div> + <div class="box" style="margin-left: auto;" data-expected-margin-left="50" data-expected-margin-right="0"></div> + <div class="box" style="margin-right: auto;" data-expected-margin-left="0" data-expected-margin-right="50"></div> + </div> + <div class="container" style="direction: rtl;"> + <div class="box" style="margin: auto;" data-expected-margin-left="25" data-expected-margin-right="25"></div> + <div class="box" style="margin-left: auto;" data-expected-margin-left="50" data-expected-margin-right="0"></div> + <div class="box" style="margin-right: auto;" data-expected-margin-left="0" data-expected-margin-right="50"></div> + </div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-001.xht new file mode 100644 index 0000000000..9f0d3750d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-001.xht @@ -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: Block formatting context auto height with floats and bottom margins</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#root-height" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The auto height of a block formatting context element is computed by accounting for bottom-margins of floated content which would otherwise be below the bottom edge of that element." /> + <style type="text/css"> + #container + { + width: 96px; + height: auto; + background: black; + position: absolute; + } + #float + { + float: left; + margin-bottom: 48px; + height: 48px; + width: 100%; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="container"> + <div id="float"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-002.xht new file mode 100644 index 0000000000..329680e03a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-002.xht @@ -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: Block formatting context auto height with floated descendants of the normal flow and bottom margins</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#root-height" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The auto height of a block formatting context element is computed by accounting for bottom-margins of floated content descendents in the normal flow which would otherwise be below the bottom edge of that element." /> + <style type="text/css"> + #container + { + width: 96px; + height: auto; + background: black; + position: absolute; + } + #float + { + float: left; + margin-bottom: 48px; + height: 48px; + width: 100%; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="container"> + <div> + <div id="float"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003-ref.xht new file mode 100644 index 0000000000..fb3b0b9b80 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: black; + height: 50px; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a black rectangle which is wider than it is tall.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003.xht new file mode 100644 index 0000000000..2dd9652b40 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-context-height-003.xht @@ -0,0 +1,47 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Block formatting context auto height with floated descendants outside the normal flow and bottom margins</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#root-height" /> + <link rel="match" href="block-formatting-context-height-003-ref.xht" /> + + <meta name="assert" content="The auto height of a block formatting context element does not account for bottom margins of floated content descendents of out of flow blocks." /> + <style type="text/css"> + #container + { + width: 100px; + height: auto; + background: black; + position: absolute; + } + #sibling + { + height: 50px; + width: 100px; + } + #absolute + { + position: absolute; + width: 100px; + height: 50px; + } + #float + { + margin-bottom: 50px; + height: 50px; + width: 100%; + } + </style> + </head> + <body> + <p>Test passes if there is a black rectangle which is wider than it is tall.</p> + <div id="container"> + <div id="sibling"></div> + <div id="absolute"> + <div id="float"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001-ref.xht new file mode 100644 index 0000000000..305691fbaf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001-ref.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + table + { + border: black solid 1px; + border-spacing: 0px; + width: 100%; + } + + td {padding: 0px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 3 lines of "Filler Text".</p> + + <table> + <tr><td>Filler Text</td></tr> + <tr><td>Filler Text</td></tr> + <tr><td>Filler Text</td></tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001.xht new file mode 100644 index 0000000000..a5eeee3515 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-001.xht @@ -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: Vertical layout of boxes</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <link rel="match" href="block-formatting-contexts-001-ref.xht" /> + + <meta name="assert" content="Boxes are vertically laid out one after the other beginning at the top of a containing block." /> + <style type="text/css"> + #div1 + { + border: solid 1px black; + } + </style> + </head> + <body> + <p>Test passes if there are 3 lines of "Filler Text".</p> + <div id="div1"> + <div>Filler Text</div> + <div>Filler Text</div> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003-ref.xht new file mode 100644 index 0000000000..fe3982a574 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003-ref.xht @@ -0,0 +1,60 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + table + { + border-collapse: collapse; + width: 100%; + } + + tbody + { + border-bottom: black solid 1px; + border-top: black solid 1px; + } + + thead {border-bottom: black solid 1px;} + /* + Necessary otherwise ( 0 + 1 ) divided by 2 may give unpredictable + measurements affecting vertical alignment + */ + + tfoot {border-top: black solid 1px;} + /* + Necessary otherwise ( 0 + 1 ) divided by 2 may give unpredictable + measurements affecting vertical alignment + */ + + /* + " + User agents must find a consistent rule for rounding off in the + case of an odd number of discrete units (screen pixels, printer dots). + " + http://www.w3.org/TR/CSS21/tables.html#collapsing-borders + */ + + td {padding: 0px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 3 lines of "Filler Text" separated by 2 thin black lines.</p> + + <table> + <thead> <tr><td>Filler Text</td></tr> </thead> + <tfoot> <tr><td>Filler Text</td></tr> </tfoot> + <tbody> <tr><td>Filler Text</td></tr> </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003.xht new file mode 100644 index 0000000000..618aa86469 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-003.xht @@ -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: Vertical distance with margins</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <link rel="match" href="block-formatting-contexts-003-ref.xht" /> + + <meta name="assert" content="The vertical distance between two sibling boxes is determined by the margin property." /> + <style type="text/css"> + #div1 + { + background: black; + } + div div + { + background: white; + margin-top: 1px; + } + </style> + </head> + <body> + <p>Test passes if there are 3 lines of "Filler Text" separated by 2 thin black lines.</p> + <div id="div1"> + <div>Filler Text</div> + <div>Filler Text</div> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004-ref.xht new file mode 100644 index 0000000000..05351b7773 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004-ref.xht @@ -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> + + <!-- same as /margin-padding-clear/margin-collapse-002-ref.xht --> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border-bottom: black solid 20px; + border-top: black solid 20px; + height: 40px; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004.xht new file mode 100644 index 0000000000..3532c55bb0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-004.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Block Formatting Contexts: Margin Collapsing</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <link rel="match" href="block-formatting-contexts-004-ref.xht" /> + + <meta name="flags" content="ahem image" /> + <meta name="assert" content="Margins collapse between adjacent block boxes in a block formatting context." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: url("support/margin-collapse-2em-space.png"); + font: 20px/1em Ahem; + height: 4em; + width: 5em; + } + #div2 + { + margin-bottom: 1em; + } + #div3 + { + margin-top: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div id="div2">XXXXX</div> + <div id="div3">XXXXX</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005-ref.xht new file mode 100644 index 0000000000..104c6c9b0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005-ref.xht @@ -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> + + <!-- same as margin-padding-clear/margin-left-004-ref.xht --> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: blue; + border-right: orange solid 5px; + height: 96px; + width: 5px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005.xht new file mode 100644 index 0000000000..82828503c4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-005.xht @@ -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: No padding or margin, left edges touch</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <link rel="match" href="block-formatting-contexts-005-ref.xht" /> + + <meta name="assert" content="When there is no padding or margins on elements the left outer edge of the child box will touch the left edge of the containing block." /> + <style type="text/css"> + div + { + height: 1in; + } + #div1 + { + border-left: solid 5px blue; + } + div div + { + border-left: solid 5px orange; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006-ref.xht new file mode 100644 index 0000000000..599f6a044e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006-ref.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: orange; + border-right: blue solid 5px; + height: 96px; + margin-left: 91px; + width: 5px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006.xht new file mode 100644 index 0000000000..3fe17cb596 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-006.xht @@ -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: No padding and margin, right edges touch</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <link rel="match" href="block-formatting-contexts-006-ref.xht" /> + + <meta name="assert" content="When there is no padding or margins on elements the right outer edge of the child box will touch the right edge of the containing block." /> + <style type="text/css"> + div + { + height: 1in; + } + #div1 + { + border-right: solid 5px blue; + width: 1in; + } + div div + { + border-right: solid 5px orange; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-007.xht new file mode 100644 index 0000000000..2c48a07385 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-007.xht @@ -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: Floats and box edges</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <link rel="match" href="block-formatting-contexts-005-ref.xht" /> + + <meta name="assert" content="When there is no padding or margins on a floated child element the left outer edge of the child box will touch the left edge of the containing block." /> + <style type="text/css"> + div + { + height: 1in; + } + #div1 + { + border-left: solid 5px blue; + } + div div + { + border-left: solid 5px orange; + float: left; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no space between</strong> the blue and orange lines.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008-ref.xht new file mode 100644 index 0000000000..ca0852790e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + height: 200px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the upper-half of the square is blue.</p> + + <div><img src="support/blue15x15.png" width="200" height="100" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008.xht new file mode 100644 index 0000000000..45260d4d03 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-008.xht @@ -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: New block formatting context with floated elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <link rel="match" href="block-formatting-contexts-008-ref.xht" /> + + <meta name="assert" content="Floated elements establish new block formatting context." /> + <style type="text/css"> + #div1 + { + border: solid; + height: 200px; + width: 200px; + } + div div + { + background: blue; + display: inline; + float: right; + height: 50%; + width: 100%; + } + </style> + </head> + <body> + <p>Test passes if the upper-half of the square is blue.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-009.xht new file mode 100644 index 0000000000..f9f3f23b5f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-009.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: New block formatting context with absolute positioned elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <link rel="match" href="block-formatting-contexts-008-ref.xht" /> + + <meta name="assert" content="Absolutely positioned elements establish a new block formatting context." /> + <style type="text/css"> + div + { + position: absolute; + } + #div1 + { + border: solid; + height: 200px; + width: 200px; + } + div div + { + background: blue; + display: inline; + height: 50%; + width: 100%; + } + </style> + </head> + <body> + <p>Test passes if the upper-half of the square is blue.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-010.xht new file mode 100644 index 0000000000..69a15eda5f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-010.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline-block elements establish a new block formatting context</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <link rel="match" href="block-formatting-contexts-008-ref.xht" /> + + <meta name="assert" content="Elements defined as inline-blocks establish a new block formatting context." /> + <style type="text/css"><![CDATA[ + span#block-formatting-context + { + border: black solid medium; + display: inline-block; + height: 200px; + width: 200px; + } + + span.block-descendant + { + background-color: blue; + display: block; + height: 25%; + width: 100%; + } + ]]></style> + </head> + <body> + <p>Test passes if the upper-half of the square is blue.</p> + <div> + <span id="block-formatting-context"> + <span class="block-descendant"></span> + <span class="block-descendant"></span> + </span> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011-ref.xht new file mode 100644 index 0000000000..35c73a4498 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011-ref.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: blue; + float: left; + width: 100px; + } + + div + div + { + background-color: transparent; + clear: left; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the "Filler Text" is below the blue stripe.</p> + + <div> </div> + + <div>Filler Text</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011.xht new file mode 100644 index 0000000000..ba8026e903 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-011.xht @@ -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: Table-cell elements establish a new block formatting context</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <link rel="match" href="block-formatting-contexts-011-ref.xht" /> + + <meta name="assert" content="Elements defined as table-cell elements establish a new block formatting context." /> + <style type="text/css"> + #span1 + { + background-color: blue; + display: table-cell; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" is below the blue stripe.</p> + <div> + <span id="span1"> </span> + <span>Filler Text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-012.xht new file mode 100644 index 0000000000..3e2a901de7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-012.xht @@ -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: Table-caption elements establish a new block formatting context</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <link rel="match" href="block-formatting-contexts-008-ref.xht" /> + + <meta name="assert" content="Elements with display table-caption establish a new block formatting context." /> + <style type="text/css"> + div + { + border: solid medium black; + height: 200px; + width: 200px; + } + span + { + background: blue; + display: table-caption; + height: 100px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if the upper-half of the square is blue.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-013.xht new file mode 100644 index 0000000000..5e3f1e5e9c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-013.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Overflow set to 'scroll' establishes a new block formatting context</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <meta name="assert" content="A new block formatting context is established when overflow is set to 'scroll'." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + } + div div + { + height: 50px; + width: 50px; + } + #div2 + { + background: blue; + float: left; + } + #div3 + { + overflow: scroll; + } + div div div + { + background: orange; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange boxes (including any scrolling mechanism) are the same size.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"> + <div></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-014.xht new file mode 100644 index 0000000000..6cd3d05c89 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-014.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Overflow set to 'auto' establishes a new block formatting context</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <meta name="assert" content="A new block formatting context is established when overflow is set to 'auto'." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + } + div div + { + height: 50px; + width: 50px; + } + #div2 + { + background: blue; + float: left; + } + #div3 + { + overflow: auto; + } + div div div + { + background: orange; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange boxes (including any scrolling mechanism) are the same size.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"> + <div></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015-ref.xht new file mode 100644 index 0000000000..7345888e9a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if the blue and orange squares have the same size.</p> + + <div><img src="support/blue15x15.png" width="50" height="50" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="50" height="50" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015.xht new file mode 100644 index 0000000000..72b5d16f56 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-015.xht @@ -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: Overflow set to 'hidden' establishes a new block formatting context</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <link rel="match" href="block-formatting-contexts-015-ref.xht" /> + + <meta name="assert" content="A new block formatting context is established when overflow is set to 'hidden'." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + } + div div + { + height: 50px; + width: 50px; + } + #div2 + { + background: blue; + float: left; + } + #div3 + { + overflow: hidden; + } + div div div + { + background: orange; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the same size.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"> + <div></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-016.xht new file mode 100644 index 0000000000..aee530bcf1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-formatting-contexts-016.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Block formatting contexts and 'overflow' set to 'visible'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-formatting" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="Overflow set to 'visible' does not establish a new block formatting context." /> + <style type="text/css"> + #div1 + { + height: 200px; + width: 200px; + } + div div + { + height: 100px; + width: 100px; + } + #div2 + { + background: green; + float: left; + } + #div3 + { + background: red; + overflow: visible; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001-ref.html new file mode 100644 index 0000000000..da8d91657f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001-ref.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<style> +section { + width: 20ch; +} +.w10 { + width: 10ch; + background: orange; +} +.left { + text-align: left; +} +.right { + text-align: right; +} +</style> +<body> + <section class="right"> + <span> + <div>123456789</div> + <div class="w10">123456789</div> + <div>123456789</div> + </span> + </section> + + <section dir="rtl" class="left"> + <span> + <div>123456789</div> + <div class="w10">123456789</div> + <div>123456789</div> + </span> + </section> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001.html new file mode 100644 index 0000000000..70abbbfd02 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-001.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<meta name="assert" content="Test if `text-align` does not move block-in-inline"> +<link rel="match" href="block-in-inline-align-001-ref.html"/> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> +<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<style> +section { + width: 20ch; +} +div { + width: 10ch; + background: orange; +} +.left { + text-align: left; +} +.right { + text-align: right; +} +</style> +<body> + <section class="right"> + <span> + 123456789 + <div>123456789</div> + 123456789 + </span> + </section> + + <section dir="rtl" class="left"> + <span> + 123456789 + <div>123456789</div> + 123456789 + </span> + </section> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001-ref.html new file mode 100644 index 0000000000..ec0de54295 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<style> +section { + width: 10ch; +} +.justify { + text-align: justify; +} +</style> +<body> + <section class="justify"> + <div>1234 5678 9012</div> + <div>1234 5678 9012</div> + <div>1234 5678 9012</div> + </section> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001.html new file mode 100644 index 0000000000..7899b624a7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-justify-001.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<meta name="assert" content="Test if `text-align: justify` handles block-in-inline correctly"> +<link rel="match" href="block-in-inline-align-justify-001-ref.html"/> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> +<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<style> +section { + width: 10ch; +} +.justify { + text-align: justify; +} +</style> +<body> + <section class="justify"> + <span> + 1234 5678 9012 + <div>1234 5678 9012</div> + 1234 5678 9012 + </span> + </section> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001-ref.html new file mode 100644 index 0000000000..340e222f9e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<style> +section { + width: 10ch; +} +.right { + text-align: right; +} +</style> +<body> + <section> + <div>1234567</div> + <div class="right">1234567</div> + <div>1234567</div> + <div class="right">1234567</div> + <div>1234567</div> + <div class="right">1234567</div> + </section> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001.html new file mode 100644 index 0000000000..772a742a4a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-align-last-001.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<meta name="assert" content="Test if `text-align-last` handles block-in-inline correctly"> +<link rel="match" href="block-in-inline-align-last-001-ref.html"/> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> +<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-align-property'> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<style> +section { + width: 10ch; +} +.last-right { + text-align-last: right; +} +</style> +<body> + <section class="last-right"> + <span> + 1234567 1234567 + <div>1234567 1234567</div> + 1234567 1234567 + </span> + </section> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001-ref.xht new file mode 100644 index 0000000000..fce3a35f2a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001-ref.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + body > span { outline: 1px dotted black; } + body > span > span { display: block; width: 10em; } + + </style> + +</head> +<body> + +<span><span>A</span><span>A</span></span> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001.xht new file mode 100644 index 0000000000..08b2d897ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-001.xht @@ -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: blocks inside inlines – append-to-empty-trailing-inline-1</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-append-001-ref.xht"/> + <meta name="flags" content="dom" /> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + body > span { outline: 1px dotted black; } + body > span > span { display: block; width: 10em; } + + </style> + +<script type="text/javascript"> +function boom() +{ + var n = document.getElementById("a"); + n.parentNode.appendChild(n.cloneNode(true)); +} +</script> + +</head> +<body onload="boom();"> + +<span><span id="a">A</span></span> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-nosplit-ref.xht new file mode 100644 index 0000000000..eb95211516 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-nosplit-ref.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-append-002-ref.xht"/> + <style type="text/css"> + .outermost { border: 2px solid; } + .outer { border: 4px solid yellow; } + .inner { border: 6px sold green; } + </style> + </head> + <body> + <span style="border-right: none" class="outermost"> + <span style="border-right: none" class="outer"> + <span style="border-right: none" class="inner"> + </span> + </span> + </span> + <span style="display: block"></span> + <span style="border-right: none; border-left: none" class="outermost"> + <span style="border-right: none; border-left: none" class="outer"> + <span style="border-right: nonel border-left: none" class="inner"> + before span + </span> + </span> + </span> + <span style="display: block">span</span> + <span style="border-left: none" class="outermost"> + <span style="border-left: none" class="outer"> + <span style="border-left: none" class="inner"> + after span + </span> + </span> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-ref.xht new file mode 100644 index 0000000000..3b5f911834 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002-ref.xht @@ -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 Reference</title> + <link rel="match" href="block-in-inline-append-002-nosplit-ref.xht"/> + <style type="text/css"> + #outermost { border: 2px solid; } + #outer { border: 4px solid yellow; } + #inner { border: 6px sold green; } + </style> + </head> + <body> + <span id="outermost"> + <span id="outer"> + <span id="inner"> + <span style="display: block"></span> + before span + <span style="display: block">span</span> + after span + </span> + </span> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002.xht new file mode 100644 index 0000000000..671a40fc45 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-append-002.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: blocks inside inlines – append-to-nested-split-inline-1</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-append-002-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <style type="text/css"> + #outermost { border: 2px solid; } + #outer { border: 4px solid yellow; } + #inner { border: 6px sold green; } + </style> + <script type="text/javascript"> + function doTest() { + var i = document.getElementById("inner"); + var frag = document.createDocumentFragment(); + var newSpan = document.createElement("span"); + newSpan.appendChild(document.createTextNode("span")); + newSpan.style.display = "block"; + frag.appendChild(newSpan); + frag.appendChild(document.createTextNode("after span")); + i.appendChild(frag); + } + </script> + </head> + <body onload="doTest()"> + <span id="outermost"> + <span id="outer"> + <span id="inner"> + <span style="display: block"></span> + before span + </span> + </span> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001-ref.html new file mode 100644 index 0000000000..35b68ceef6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001-ref.html @@ -0,0 +1,8 @@ +<!DOCTYPE html> +<body> + text + <div style="display: inline-block; background: orange; width: 100px;"> + content + <div style="border: solid; height: 20px;"></div> + </div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001.html new file mode 100644 index 0000000000..957eb4e0d4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-baseline-001.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> +<link rel="match" href="block-in-inline-baseline-001-ref.html"/> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<body> + text + <div style="display: inline-block; background: orange; width: 100px;"> + content + <span> + <div style="border: solid; height: 20px;"></div> + </span> + </div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-client-rects-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-client-rects-001.html new file mode 100644 index 0000000000..43305cb059 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-client-rects-001.html @@ -0,0 +1,73 @@ +<!DOCTYPE html> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> +<link rel="help" href="https://www.w3.org/TR/cssom-view-1/#dom-htmlelement-offsetwidth" /> +<link rel="help" href="https://www.w3.org/TR/cssom-view-1/#dom-range-getboundingclientrect" /> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<style> +div { + width: 500px; +} +.inline-block { + display: inline-block; + width: 100px; + height: 1px; + background: blue; +} +.w200 { + width: 200px; +} +</style> +<body> + <!-- The `<span>` contains an empty block child --> + <div> + <span id="t1" class="target"> + <div class="inline-block"></div> + <div></div> + <div class="inline-block w200"></div> + </span> + </div> + + <!-- The `<span>` contains non-empty block child --> + <div> + <span id="t2" class="target"> + <div class="inline-block"></div> + <div>non-empty</div> + <div class="inline-block w200"></div> + </span> + </div> + + <!-- The `<span>` contains empty but non-zero height block child --> + <div> + <span id="t3" class="target"> + <div class="inline-block"></div> + <div style="height: 100px"></div> + <div class="inline-block w200"></div> + </span> + </div> +<script> +// The `getBoundingClientRect` spec[1] says to ignore rects "of which the +// height or width is not zero." +// [1] https://www.w3.org/TR/cssom-view-1/#dom-range-getboundingclientrect +function testGetBoundingClientRect() { + test(()=> { assert_equals(t1.getBoundingClientRect().width, 200); }, + `t1.getBoundingClientRect().width`); + test(()=> { assert_equals(t2.getBoundingClientRect().width, 500); }, + `t2.getBoundingClientRect().width`); + test(()=> { assert_equals(t3.getBoundingClientRect().width, 500); }, + `t3.getBoundingClientRect().width`); +} +testGetBoundingClientRect(); + +// Skip testing `offsetWidth` because the 3 implementations return different +// values for these cases, and the expectations aren't clear from the spec. +// https://github.com/w3c/csswg-drafts/issues/6588 +function testOffsetWidth() { + test(()=> { assert_equals(t1.offsetWidth, 200); }, `t1.offsetWidth`); + test(()=> { assert_equals(t2.offsetWidth, 500); }, `t2.offsetWidth`); + test(()=> { assert_equals(t3.offsetWidth, 500); }, `t3.offsetWidth`); +} +// testOffsetWidth(); +</script> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001-ref.xht new file mode 100644 index 0000000000..ce91eb1893 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001-ref.xht @@ -0,0 +1,7 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test Reference</title> +</head><body style="direction: ltr"> + <span style="display: block">x</span> + <span style="border: 5px solid blue; border-left: none; border-right: none; + padding-right: 10px"></span> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001.xht new file mode 100644 index 0000000000..74a4d4ef85 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-001.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines – emptyspan-1</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-empty-001-ref.xht"/> +</head><body style="direction: ltr"> + <span style="border: 5px solid blue; border-left: none; border-right: none; + padding-right: 10px"> + <span style="display: block">x</span> + </span> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002-ref.xht new file mode 100644 index 0000000000..2fd75b0e37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002-ref.xht @@ -0,0 +1,7 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test Reference</title> +</head><body style="direction: rtl"> + <span style="border: 5px solid blue; border-left: none; border-right: none; + padding-right: 10px"></span> + <span style="display: block">x</span> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002.xht new file mode 100644 index 0000000000..80c8bc54c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-002.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines – emptyspan-2</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-empty-002-ref.xht"/> +</head><body style="direction: rtl"> + <span style="border: 5px solid blue; border-left: none; border-right: none; + padding-right: 10px"> + <span style="display: block">x</span> + </span> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003-ref.xht new file mode 100644 index 0000000000..06c1ba03fd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003-ref.xht @@ -0,0 +1,7 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test Reference</title> +</head><body style="direction: ltr"> + <span style="border: 5px solid blue; border-left: none; border-right: none; + padding-left: 10px"></span> + <span style="display: block">x</span> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003.xht new file mode 100644 index 0000000000..69a800021b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-003.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines – emptyspan-3</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-empty-003-ref.xht"/> +</head><body style="direction: ltr"> + <span style="border: 5px solid blue; border-left: none; border-right: none; + padding-left: 10px"> + <span style="display: block">x</span> + </span> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004-ref.xht new file mode 100644 index 0000000000..53ef9d2e65 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004-ref.xht @@ -0,0 +1,7 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test Reference</title> +</head><body style="direction: rtl"> + <span style="display: block">x</span> + <span style="border: 5px solid blue; border-left: none; border-right: none; + padding-left: 10px"></span> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004.xht new file mode 100644 index 0000000000..df219f4d7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-empty-004.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines – emptyspan-4</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-empty-004-ref.xht"/> +</head><body style="direction: rtl"> + <span style="border: 5px solid blue; border-left: none; border-right: none; + padding-left: 10px"> + <span style="display: block">x</span> + </span> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001-ref.html new file mode 100644 index 0000000000..01fcf2a323 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001-ref.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<style> +div::first-line { + background: orange; +} +</style> +<body> + <div> + First line.<br> + Second line. + </div> + <div> + First line in 1st block box.<br> + Second line. + </div> + <div> + First line in 2nd block box.<br> + Second line.<br> + First line after block-in-inline is not ::first-line.<br> + Second line. + </div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001.html new file mode 100644 index 0000000000..5dac0887e2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-001.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> +<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-line-pseudo" /> +<link rel="match" href="block-in-inline-first-line-001-ref.html"/> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<style> +div::first-line { + background: orange; +} +</style> +<body> + <div> + <span> + First line.<br> + Second line. + <div> + First line in 1st block box.<br> + Second line. + </div> + <div> + First line in 2nd block box.<br> + Second line. + </div> + First line after block-in-inline is not ::first-line.<br> + Second line. + </span> + </div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002-ref.html new file mode 100644 index 0000000000..44bf6ee19b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<style> +section { + width: 10ch; +} +.indent { + text-indent: 5ch; +} +</style> +<body> + <section> + <div class="indent">123 456789</div> + <div class="indent">123 456789</div> + <div>123 456789</div> + </section> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002.html new file mode 100644 index 0000000000..d0cf6071dd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-first-line-002.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<meta name="assert" content="Test if `text-indent` handles block-in-inline correctly"> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> +<link rel="match" href="block-in-inline-first-line-002-ref.html"/> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<style> +section { + width: 10ch; +} +.indent { + text-indent: 5ch; +} +</style> +<body> + <section class="indent"> + <span> + 123 456789 + <div>123 456789</div> + 123 456789 + </span> + </section> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001-ref.xht new file mode 100644 index 0000000000..bdb5963e89 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001-ref.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + </head> + <body> + <div style="position: relative; left: 100px"> + aaa + </div> + <span style="position: relative; left: 100px"> + <span style="float: left">bbb</span> + </span> + <div style="position: relative; left: 100px"> + aaa + </div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001.xht new file mode 100644 index 0000000000..d4d9e7da93 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-between-001.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines – float-inside-inline-between-blocks-1</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-float-between-001-ref.xht"/> + </head><body> + <span style="position: relative; left: 100px"> + <span style="display: block"> + aaa + </span> + <span style="float: left">bbb</span> + <span style="display: block"> + aaa + </span> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001-ref.html new file mode 100644 index 0000000000..cbaf7ccb23 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<style> +.layer { + filter: blur(1px); +} +.float { + float: left; +} +</style> +<body> + <div class="layer"> + <div> + <div class="float">float</div> + </div> + </div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001.html new file mode 100644 index 0000000000..f177aca160 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-float-in-layer-001.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<meta name="assert" content="Block-in-inline: float in an inline box that has a layer"> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> +<link rel="match" href="block-in-inline-float-in-layer-001-ref.html"/> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<style> +.layer { + filter: blur(1px); +} +.float { + float: left; +} +</style> +<body> + <span class="layer"> + <div> + <div class="float">float</div> + </div> + </span> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-001.html new file mode 100644 index 0000000000..c51e4c5329 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-001.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<meta name="assert" content="Test hit-testing when block-in-inline is in culled inline"> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"> +<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint"> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<body> + <div> + <span> + <span style="outline: 1px solid blue"> + <div id="target"> + <div style="width: 64px; height: 26px;"> + </div> + </div> + </span> + </span> + </div> +<script> +test(() => { + const target = document.getElementById('target'); + const bounds = target.getBoundingClientRect(); + const x = bounds.x + bounds.width / 2; + const y = bounds.y + bounds.height / 2; + const result = document.elementFromPoint(x, y); + assert_equals(result, target); +}); +</script> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-002.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-002.html new file mode 100644 index 0000000000..b01eaa93ff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-002.html @@ -0,0 +1,41 @@ +<html> +<meta name="assert" content="Test list-based hit-testing for block-in-inline"> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"> +<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint"> +<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementsfrompoint"> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<body> + <div> + <a href="#"> + <h3 id="target"> + text + </h3> + </a> + </div> +<script> +function ancestors(element) { + const list = []; + for (; element; element = element.parentElement) + list.push(element); + return list; +} + +const target = document.getElementById('target'); +const bounds = target.getBoundingClientRect(); +const x = bounds.x + bounds.width / 2; +const y = bounds.y + bounds.height / 2; + +test(() => { + const result = document.elementFromPoint(x, y); + assert_equals(result, target); +}, "elementFromPoint"); + +test(() => { + const results = document.elementsFromPoint(x, y); + assert_array_equals(results, ancestors(target)); +}, "elementsFromPoint"); +</script> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-001.html new file mode 100644 index 0000000000..6ede29df26 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-001.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"> +<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<style> +.float { + float: left; + width: 200px; + height: 200px; + background: orange; +} +</style> +<body> + <a id="a" href="#"> + <div> + <div id="target" class="float"></div> + </div> + </a> +<script> +test(() => { + const target_bounds = target.getBoundingClientRect(); + const target_x = target_bounds.x + (target_bounds.width / 2); + const target_y = target_bounds.y + (target_bounds.height / 2); + const result = document.elementFromPoint(target_x, target_y); + assert_equals(result, target); +}); +</script> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html new file mode 100644 index 0000000000..91f8e447d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-float-002.html @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"> +<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<style> +section { + display: flow-root; +} +.float { + float: left; + width: 200px; + height: 20px; + background: orange; +} +.normal { + height: 10px; + background: blue; +} +</style> +<body> + <section> + <a href="#"> + <div> + <div class="float"></div> + <div class="normal"></div> + </div> + </a> + </section> + <section title="with background"> + <a href="#" style="background: purple"> + <div> + <div class="float"></div> + <div class="normal"></div> + </div> + </a> + </section> + <section title="with padding"> + <a href="#" style="padding: 1px"> + <div> + <div class="float"></div> + <div class="normal"></div> + </div> + </a> + </section> + <section title="floats before block-in-inline"> + <div class="float"></div> + <div> + <a href="#"> + <div class="normal"></div> + </a> + </div> + </section> + <section title="floats before block-in-inline with background"> + <div class="float"></div> + <div> + <a href="#" style="background: purple"> + <div class="normal"></div> + </a> + </div> + </section> +<script> +document.body.offsetTop; +for (const section of document.getElementsByTagName('section')) { + test(() => { + const float_element = section.querySelector('.float'); + const float_bounds = float_element.getBoundingClientRect(); + const normal_element = section.querySelector('.normal'); + const normal_bounds = normal_element.getBoundingClientRect(); + const x = float_bounds.x + (float_bounds.width / 2); + const y = normal_bounds.y + (normal_bounds.height / 2); + const result = document.elementFromPoint(x, y); + assert_equals(result, float_element); + }, section.title); +} +</script> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-margin.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-margin.html new file mode 100644 index 0000000000..053630706a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-margin.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<!DOCTYPE html> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"> +<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<style> +.target { + background: blue; + width: 100px; + height: 100px; + margin: 100px; +} +</style> +<body> + <a href="#"> + <div class="target"></div> + </a> +<script> +const root = document.body; +const target = root.querySelector('.target'); +const target_bounds = target.getBoundingClientRect(); +const x = target_bounds.x - 20; // "-20" for the margin area. +const y = target_bounds.y + target_bounds.height / 2; +const result = document.elementFromPoint(x, y); +const a = root.querySelector('a'); +test(() => { + assert_equals(result, a); +}, target.style.cssText); +</script> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-relpos-zindex.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-relpos-zindex.html new file mode 100644 index 0000000000..221b70d44b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-relpos-zindex.html @@ -0,0 +1,69 @@ +<!DOCTYPE html> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"> +<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<style> +section { + margin-bottom: 5px; +} +.target { + background: blue; + width: 100px; + height: 10px; +} +</style> +<body> + <section> + <a href="#"> + <div class="target"></div> + </a> + </section> + <section> + <a href="#"> + <div class="target" style="z-index: 1"></div> + </a> + </section> + <section> + <a href="#"> + <div class="target" style="z-index: -1"></div> + </a> + </section> + <section> + <a href="#"> + <div class="target" style="position: relative"></div> + </a> + </section> + <section> + <a href="#"> + <div class="target" style="position: relative; z-index: 1"></div> + </a> + </section> + <section> + <a href="#"> + <div class="target" style="position: relative; z-index: -1"></div> + </a> + </section> +<script> +function isAncestorOf(target, ancestor) { + for (; target; target = target.parentElement) { + if (target === ancestor) + return true; + } + return false; +} + +for (const root of document.getElementsByTagName('section')) { + const target = root.querySelector('.target'); + const target_bounds = target.getBoundingClientRect(); + const x = target_bounds.x + target_bounds.width / 2; + const y = target_bounds.y + target_bounds.height / 2; + const result = document.elementFromPoint(x, y); + const a = root.querySelector('a'); + test(() => { + // For the `<a>` link to work, the `result` must be `a` or its descendant. + assert_true(isAncestorOf(result, a)); + }, target.style.cssText); +} +</script> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-nosplit-ref.xht new file mode 100644 index 0000000000..363ed9eefd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-nosplit-ref.xht @@ -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 Reference</title> + <link rel="match" href="block-in-inline-insert-001-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + .notstart { border-left: none; } + .notend { border-right: none; } + </style> + </head> + <body> + <span class="notend"> + <span>One</span><span>Two</span><span>Three</span> + </span> + <div>Four</div> + <span class="notstart notend"></span> + <div>Five</div> + <span class="notstart notend"> + <span>Six</span> + </span> + <div>Seven</div> + <span class="notstart notend"></span> + <div>Eight</div> + <span class="notstart"> + <span>Nine</span><span>Ten</span><span>Eleven</span> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-ref.xht new file mode 100644 index 0000000000..9bfa6c82e1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001-ref.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-001-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001a.xht new file mode 100644 index 0000000000..d837d6c611 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001a.xht @@ -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: blocks inside inlines – insert-into-split-inline-1a</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-001-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("One")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span id="insertion">Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001b.xht new file mode 100644 index 0000000000..a99adcd5e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001b.xht @@ -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: blocks inside inlines – insert-into-split-inline-1b</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-001-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Two")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span id="insertion">Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001c.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001c.xht new file mode 100644 index 0000000000..148c620bbc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001c.xht @@ -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: blocks inside inlines – insert-into-split-inline-1c</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-001-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Three")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><div id="insertion">Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001d.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001d.xht new file mode 100644 index 0000000000..52b6cff801 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001d.xht @@ -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: blocks inside inlines – insert-into-split-inline-1d</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-001-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("div"); + newNode.appendChild(document.createTextNode("Four")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div id="insertion">Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001e.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001e.xht new file mode 100644 index 0000000000..c393f84a40 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001e.xht @@ -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: blocks inside inlines – insert-into-split-inline-1e</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-001-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("div"); + newNode.appendChild(document.createTextNode("Five")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><span id="insertion">Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001f.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001f.xht new file mode 100644 index 0000000000..0530b93e7e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001f.xht @@ -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: blocks inside inlines – insert-into-split-inline-1f</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-001-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Six")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><div id="insertion">Seven</div><div>Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001g.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001g.xht new file mode 100644 index 0000000000..43abc1df2b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001g.xht @@ -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: blocks inside inlines – insert-into-split-inline-1g</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-001-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("div"); + newNode.appendChild(document.createTextNode("Seven")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div id="insertion">Eight</div><span>Nine</span><span>Ten</span><span>Eleven</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001h.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001h.xht new file mode 100644 index 0000000000..e959da0dc0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001h.xht @@ -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: blocks inside inlines – insert-into-split-inline-1h</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-001-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("div"); + newNode.appendChild(document.createTextNode("Eight")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><span id="insertion">Nine</span><span>Ten</span><span>Eleven</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001i.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001i.xht new file mode 100644 index 0000000000..6969a29f9d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001i.xht @@ -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: blocks inside inlines – insert-into-split-inline-1i</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-001-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Nine")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span id="insertion">Ten</span><span>Eleven</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001j.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001j.xht new file mode 100644 index 0000000000..32a9560a94 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001j.xht @@ -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: blocks inside inlines – insert-into-split-inline-1j</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-001-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Ten")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span id="insertion">Eleven</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001k.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001k.xht new file mode 100644 index 0000000000..7a7505afcb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001k.xht @@ -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: blocks inside inlines – insert-into-split-inline-1k</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-001-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Eleven")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001l.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001l.xht new file mode 100644 index 0000000000..bd4e636ebd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-001l.xht @@ -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: blocks inside inlines – insert-into-split-inline-1l</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-001-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Eleven")); + document.getElementById("target").appendChild(newNode); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-nosplit-ref.xht new file mode 100644 index 0000000000..f0d12c73bb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-nosplit-ref.xht @@ -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 Reference</title> + <link rel="match" href="block-in-inline-insert-002-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + .notstart { border-left: none; } + .notend { border-right: none; } + </style> + </head> + <body> + <span class="notend"> + <span>One</span><span>Two</span><span>Three</span> + </span> + <div>Four</div> + <span class="notstart notend"></span> + <div>Five</div> + <span class="notstart notend"> + <span>Six</span> + </span> + <div>Seven</div> + <span class="notstart notend"></span> + <div>Eight</div> + <span class="notstart"></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-ref.xht new file mode 100644 index 0000000000..3ada136d44 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002-ref.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-002-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002a.xht new file mode 100644 index 0000000000..58b2262b21 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002a.xht @@ -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: blocks inside inlines – insert-into-split-inline-2a</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-002-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("One")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span id="insertion">Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002b.xht new file mode 100644 index 0000000000..bc18b4e9bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002b.xht @@ -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: blocks inside inlines – insert-into-split-inline-2b</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-002-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Two")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span id="insertion">Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002c.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002c.xht new file mode 100644 index 0000000000..5ef9424399 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002c.xht @@ -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: blocks inside inlines – insert-into-split-inline-2c</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-002-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Three")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><div id="insertion">Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002d.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002d.xht new file mode 100644 index 0000000000..dc37ff791d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002d.xht @@ -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: blocks inside inlines – insert-into-split-inline-2d</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-002-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("div"); + newNode.appendChild(document.createTextNode("Four")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div id="insertion">Five</div><span>Six</span><div>Seven</div><div>Eight</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002e.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002e.xht new file mode 100644 index 0000000000..a9cc9b2ac2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002e.xht @@ -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: blocks inside inlines – insert-into-split-inline-2e</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-002-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("div"); + newNode.appendChild(document.createTextNode("Five")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><span id="insertion">Six</span><div>Seven</div><div>Eight</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002f.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002f.xht new file mode 100644 index 0000000000..770511b225 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002f.xht @@ -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: blocks inside inlines – insert-into-split-inline-2f</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-002-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Six")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><div id="insertion">Seven</div><div>Eight</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002g.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002g.xht new file mode 100644 index 0000000000..212b88fa20 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002g.xht @@ -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: blocks inside inlines – insert-into-split-inline-2g</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-002-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("div"); + newNode.appendChild(document.createTextNode("Seven")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div id="insertion">Eight</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002h.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002h.xht new file mode 100644 index 0000000000..77da8cbcaa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002h.xht @@ -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: blocks inside inlines – insert-into-split-inline-2h</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-002-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("div"); + newNode.appendChild(document.createTextNode("Eight")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002i.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002i.xht new file mode 100644 index 0000000000..6993d3d829 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-002i.xht @@ -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: blocks inside inlines – insert-into-split-inline-2i</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-002-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("div"); + newNode.appendChild(document.createTextNode("Eight")); + document.getElementById("target").appendChild(newNode); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-nosplit-ref.xht new file mode 100644 index 0000000000..106faff9d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-nosplit-ref.xht @@ -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 Reference</title> + <link rel="match" href="block-in-inline-insert-003-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + .notstart { border-left: none; } + .notend { border-right: none; } + </style> + </head> + <body> + <span class="notend"> + <span>One</span><span>Two</span><span>Three</span> + </span> + <div>Four</div> + <span class="notstart notend"></span> + <div>Five</div> + <span class="notstart notend"> + <span>Six</span> + </span> + <div>Seven</div> + <span class="notstart notend"></span> + <div>Eight</div> + <span class="notstart"> + <span>Nine</span> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-ref.xht new file mode 100644 index 0000000000..a1a8e9945a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003-ref.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-003-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003.xht new file mode 100644 index 0000000000..04b9fca3b8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-003.xht @@ -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: blocks inside inlines – insert-into-split-inline-3</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-003-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Nine")); + document.getElementById("target").appendChild(newNode); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-nosplit-ref.xht new file mode 100644 index 0000000000..c5f3f468c6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-nosplit-ref.xht @@ -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 Reference</title> + <link rel="match" href="block-in-inline-insert-004-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + .notstart { border-left: none; } + .notend { border-right: none; } + </style> + </head> + <body> + <span class="notend"> + <span>One</span><span>Two</span><span>Three</span> + </span> + <div>Four</div> + <span class="notstart notend"></span> + <div>Five</div> + <span class="notstart notend"> + <span>Six</span> + </span> + <div>Seven</div> + <span class="notstart notend"></span> + <div>Eight</div> + <span class="notstart"> + <span>Nine</span><span>Ten</span> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-ref.xht new file mode 100644 index 0000000000..eb50830f56 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004-ref.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-004-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004.xht new file mode 100644 index 0000000000..528d3c6829 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-004.xht @@ -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: blocks inside inlines – insert-into-split-inline-4</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-004-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Nine")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span id="insertion">Ten</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-nosplit-ref.xht new file mode 100644 index 0000000000..0b11b5639d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-nosplit-ref.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-006-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + .notstart { border-left: none; } + .notend { border-right: none; } + </style> + </head> + <body> + <span class="notend"></span> + <div>One</div> + <span class="notstart notend"></span> + <div>Two</div> + <span class="notstart"></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-ref.xht new file mode 100644 index 0000000000..12fa2eaaa7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006-ref.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-006-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span><div>One</div><div>Two</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006.xht new file mode 100644 index 0000000000..f33dd7694e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-006.xht @@ -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: blocks inside inlines – insert-into-split-inline-6</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-006-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("div"); + newNode.appendChild(document.createTextNode("One")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><div id="insertion">Two</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-nosplit-ref.xht new file mode 100644 index 0000000000..3276641f59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-nosplit-ref.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-007-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + .notstart { border-left: none; } + .notend { border-right: none; } + </style> + </head> + <body> + <span class="notend"></span> + <div>One</div> + <span class="notstart"> + <span>Two</span> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-ref.xht new file mode 100644 index 0000000000..d686af2e8e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007-ref.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-007-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span><div>One</div><span>Two</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007.xht new file mode 100644 index 0000000000..a89f127764 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-007.xht @@ -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: blocks inside inlines – insert-into-split-inline-7</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-007-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("div"); + newNode.appendChild(document.createTextNode("One")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span id="insertion">Two</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-nosplit-ref.xht new file mode 100644 index 0000000000..9e22425075 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-nosplit-ref.xht @@ -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 Reference</title> + <link rel="match" href="block-in-inline-insert-008-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + .notstart { border-left: none; } + .notend { border-right: none; } + </style> + </head> + <body> + <span class="notend"> + <span>One</span> + </span> + <div>Two</div> + <span class="notstart notend"> + <span>Three</span> + </span> + <div>Four</div> + <span class="notstart"> + <span>Five</span> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-ref.xht new file mode 100644 index 0000000000..2f096eff2d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008-ref.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-008-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span><span>One</span><div>Two</div><span>Three</span><div>Four</div><span>Five</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008a.xht new file mode 100644 index 0000000000..9c65d80d25 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008a.xht @@ -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: blocks inside inlines – insert-into-split-inline-8a</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-008-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("div"); + newNode.appendChild(document.createTextNode("Two")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><span id="insertion">Three</span><div>Four</div><span>Five</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008b.xht new file mode 100644 index 0000000000..d0d41c5126 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008b.xht @@ -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: blocks inside inlines – insert-into-split-inline-8b</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-008-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("div"); + newNode.appendChild(document.createTextNode("Four")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><span>One</span><div>Two</div><span>Three</span><span id="insertion">Five</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008c.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008c.xht new file mode 100644 index 0000000000..2f31cc2c67 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-008c.xht @@ -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: blocks inside inlines – insert-into-split-inline-8c</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-008-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("One")); + document.getElementById("target") + .insertBefore(newNode, document.getElementById("insertion")); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span id="target"><div id="insertion">Two</div><span>Three</span><div>Four</div><span>Five</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-nosplit-ref.xht new file mode 100644 index 0000000000..67405f368d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-nosplit-ref.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-009-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + body > span > span { border: 3px solid cyan } + .notstart { border-left: none; } + .notend { border-right: none; } + </style> + </head> + <body> + <span class="notend"> + <span class="notend"> + <span>One</span><span>Two</span><span>Three</span> + </span> + </span> + <div>Four</div> + <span class="notstart notend"><span class="notstart notend"></span></span> + <div>Five</div> + <span class="notstart notend"> + <span class="notstart notend"> + <span>Six</span> + </span> + </span> + <div>Seven</div> + <span class="notstart notend"><span class="notstart notend"></span></span> + <div>Eight</div> + <span class="notstart"> + <span class="notstart"> + <span>Nine</span> + </span> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-ref.xht new file mode 100644 index 0000000000..8dd9ccdbb6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-009-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + body > span > span { border: 3px solid cyan } + </style> + </head> + <body> + <span><span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span></span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009.xht new file mode 100644 index 0000000000..d6f8082b4a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-009.xht @@ -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: blocks inside inlines – insert-into-split-inline-9</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-009-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Nine")); + document.getElementById("target").appendChild(newNode); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + body > span > span { border: 3px solid cyan } + </style> + </head> + <body onload="doit()"> + <span><span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-nosplit-ref.xht new file mode 100644 index 0000000000..13485c5197 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-nosplit-ref.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-010-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + body > span > span { border: 3px solid cyan } + .notstart { border-left: none; } + .notend { border-right: none; } + </style> + </head> + <body> + <span class="notend"> + <span class="notend"> + <span>One</span><span>Two</span><span>Three</span> + </span> + </span> + <div>Four</div> + <span class="notstart notend"><span class="notstart notend"></span></span> + <div>Five</div> + <span class="notstart notend"> + <span class="notstart notend"> + <span>Six</span> + </span> + </span> + <div>Seven</div> + <span class="notstart notend"><span class="notstart notend"></span></span> + <div>Eight</div> + <span class="notstart"> + <span class="notstart"> + <span>Nine</span><span>Ten</span> + </span> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-ref.xht new file mode 100644 index 0000000000..00aa334ee8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-010-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + body > span > span { border: 3px solid cyan } + </style> + </head> + <body> + <span><span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span><span>Ten</span></span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010.xht new file mode 100644 index 0000000000..e38e70b4a7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-010.xht @@ -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: blocks inside inlines – insert-into-split-inline-10</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-010-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Nine")); + document.getElementById("target").appendChild(newNode); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + body > span > span { border: 3px solid cyan } + body > span > span:after { content: "Ten" } + </style> + </head> + <body onload="doit()"> + <span><span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-nosplit-ref.xht new file mode 100644 index 0000000000..0e077146ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-nosplit-ref.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-011-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + body > span > span { border: 3px solid cyan } + .notstart { border-left: none; } + .notend { border-right: none; } + </style> + </head> + <body> + <span class="notend"> + <span class="notend"> + <span>One</span><span>Two</span><span>Three</span> + </span> + </span> + <div>Four</div> + <span class="notstart notend"><span class="notstart notend"></span></span> + <div>Five</div> + <span class="notstart notend"> + <span class="notstart notend"> + <span>Six</span> + </span> + </span> + <div>Seven</div> + <span class="notstart notend"><span class="notstart notend"></span></span> + <div>Eight</div> + <span class="notstart notend"> + <span class="notstart"> + <span>Nine</span> + </span> + </span> + <div>Ten</div> + <span class="notstart"></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-ref.xht new file mode 100644 index 0000000000..0d93bd1dc3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-011-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + body > span > span { border: 3px solid cyan } + </style> + </head> + <body> + <span><span><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div><span>Nine</span></span><div>Ten</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011.xht new file mode 100644 index 0000000000..b1fdc72f41 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-011.xht @@ -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: blocks inside inlines – insert-into-split-inline-11</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-011-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var newNode = document.createElement("span"); + newNode.appendChild(document.createTextNode("Nine")); + document.getElementById("target").appendChild(newNode); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + body > span > span { border: 3px solid cyan } + </style> + </head> + <body onload="doit()"> + <span><span id="target"><span>One</span><span>Two</span><span>Three</span><div>Four</div><div>Five</div><span>Six</span><div>Seven</div><div>Eight</div></span><div>Ten</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-nosplit-ref.xht new file mode 100644 index 0000000000..8e00bc0600 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-nosplit-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-012-ref.xht"/> + </head> + <body> + <div style="display: inline; border: 2px solid; border-right: none">One</div> + <div>Two</div> + <div style="display: inline; border: 2px; border-style: solid none"></div> + <div>Three</div> + <div style="display: inline; border: 2px solid; border-left: none"></div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-ref.xht new file mode 100644 index 0000000000..6ea1a9c4bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012-ref.xht @@ -0,0 +1,9 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-012-nosplit-ref.xht"/> + </head> + <body> + <div style="display: inline; border: 2px solid">One<div>Two</div><div>Three</div></div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012.xht new file mode 100644 index 0000000000..ba48ed576f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-012.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: blocks inside inlines – insert-into-split-inline-12</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-012-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <style type="text/css"> + #i { display: inline; border: 2px solid; } + #i:after { display: block; content: "Three"; } + </style> + </head> + <body> + <div id="i"><script type="text/javascript">document.body.offsetWidth</script>One<div>Two</div></div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-nosplit-ref.xht new file mode 100644 index 0000000000..f36bf1ba1b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-nosplit-ref.xht @@ -0,0 +1,11 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-013-ref.xht"/> + </head> + <body> + <div style="display: inline; border: 2px solid; border-right: none"></div> + <div>One</div> + <div style="display: inline; border: 2px solid; border-left: none">TwoThree</div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-ref.xht new file mode 100644 index 0000000000..8e08d97d81 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013-ref.xht @@ -0,0 +1,9 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-013-nosplit-ref.xht"/> + </head> + <body> + <div style="display: inline; border: 2px solid"><div>One</div>TwoThree</div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013.xht new file mode 100644 index 0000000000..d23a8e8ce4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-013.xht @@ -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: blocks inside inlines – insert-into-split-inline-13</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-013-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <style type="text/css"> + #i { border: 2px solid; } + #i:before { display: block; content: "One"; } + #i:after { content: "Three"; } + </style> + <script type="text/javascript"> + function doTest() { + var i = document.getElementById("i"); + i.insertBefore(document.createTextNode("Two"), i.firstChild); + } + </script> + </head> + <body onload="doTest()"> + <span id="i"><span style="display: none"></span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-nosplit-ref.xht new file mode 100644 index 0000000000..2ae5d104ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-nosplit-ref.xht @@ -0,0 +1,11 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-014-ref.xht"/> + </head> + <body> + <div style="display: inline; border: 2px solid; border-right: none"></div> + <div>One</div> + <div style="display: inline; border: 2px solid; border-left: none">Two</div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-ref.xht new file mode 100644 index 0000000000..fefbd03ad5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014-ref.xht @@ -0,0 +1,9 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-014-nosplit-ref.xht"/> + </head> + <body> + <div style="display: inline; border: 2px solid"><div>One</div>Two</div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014.xht new file mode 100644 index 0000000000..4d170b976b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-014.xht @@ -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: blocks inside inlines – insert-into-split-inline-14</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-014-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <style type="text/css"> + #i { border: 2px solid; } + #i:before { display: block; content: "One"; } + </style> + <script type="text/javascript"> + function doTest() { + var i = document.getElementById("i"); + i.insertBefore(document.createTextNode("Two"), i.firstChild); + } + </script> + </head> + <body onload="doTest()"> + <span id="i"><span style="display: none"></span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-nosplit-ref.xht new file mode 100644 index 0000000000..a1dee0d67f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-nosplit-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-015-ref.xht"/> + </head> + <body> + <div style="display: inline; border: 2px solid; border-right:none"></div> + <div>One</div> + <div style="display: inline; border: 2px solid; border-right:none; border-left: none">Two</div> + <div>Three</div> + <div style="display: inline; border: 2px solid; border-left: none"></div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-ref.xht new file mode 100644 index 0000000000..a74180bdef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015-ref.xht @@ -0,0 +1,9 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-015-nosplit-ref.xht"/> + </head> + <body> + <div style="display: inline; border: 2px solid"><div>One</div>Two<div>Three</div></div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015.xht new file mode 100644 index 0000000000..f6a1334726 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-015.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: blocks inside inlines – insert-into-split-inline-15</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-015-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <style type="text/css"> + #i { display: inline; border: 2px solid; } + #i:after { display: block; content: "Three"; } + </style> + </head> + <body> + <div id="i"><script type="text/javascript">document.body.offsetWidth</script><div>One</div>Two</div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-nosplit-ref.xht new file mode 100644 index 0000000000..fa9ffee0ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-nosplit-ref.xht @@ -0,0 +1,11 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-016-ref.xht"/> + </head> + <body> + <div style="display: inline; border: 2px solid; border-right: none">One</div> + <div>Two</div> + <div style="display: inline; border: 2px solid; border-left: none"></div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-ref.xht new file mode 100644 index 0000000000..140b45c00a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016-ref.xht @@ -0,0 +1,9 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-insert-016-nosplit-ref.xht"/> + </head> + <body> + <div style="display: inline; border: 2px solid">One<div>Two</div></div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016a.xht new file mode 100644 index 0000000000..730f11612b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016a.xht @@ -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: blocks inside inlines – insert-into-split-inline-16a</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-016-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <style type="text/css"> + #i { border: 2px solid; } + #i:after { display: block; content: "Two"; } + </style> + <script type="text/javascript"> + function doTest() { + var i = document.getElementById("i"); + i.insertBefore(document.createTextNode("One"), i.firstChild); + } + </script> + </head> + <body onload="doTest()"> + <span id="i"><span style="display: none"></span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016b.xht new file mode 100644 index 0000000000..a438c1f275 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-016b.xht @@ -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: blocks inside inlines – insert-into-split-inline-16b</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-016-ref.xht"/> + <meta name="flags" content="dom" /> + <style type="text/css"> + #i { border: 2px solid; } + #i:after { display: block; content: "Two"; } + </style> + <script type="text/javascript"> + function doTest() { + var i = document.getElementById("i"); + i.appendChild(document.createTextNode("One")); + } + </script> + </head> + <body onload="doTest()"> + <span id="i"></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017-ref.xht new file mode 100644 index 0000000000..cc5b6d2456 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017-ref.xht @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test Reference</title> + </head><body style="width: 0"> + <span style="border: 2px solid blue; border-right: none"></span> + <span style="display: block"></span> + <span style="border: 2px solid blue; border-left: none; border-right: none"> + a b + </span> + <span style="display: block"></span> + <span style="border: 2px solid blue; border-left: none;"> + c + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017.xht new file mode 100644 index 0000000000..5390cce5f9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-017.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: blocks inside inlines – trailing-inline-with-continuations-1</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-insert-017-ref.xht"/> + <meta name="flags" content="dom" /> + </head><body style="width: 0"> + <span style="border: 2px solid blue;"> + <span style="display: block"></span> + a b + <script type="text/javascript">document.body.offsetWidth</script> + <span style="display: block"></span> + c + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-018.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-018.html new file mode 100644 index 0000000000..39118d610b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-018.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<meta name="assert" content="Test inserting a block-in-inline in the middle of existing block-in-inline"> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<body> + <div>1</div> + <span> + <div id="b2">2</div> + <div id="b4">4</div> + </span> +<script> +document.body.offsetTop; + +// Both "2" and "4" are block-in-inline children. +// Insert a block child "3" between them. +const b3 = document.createElement('div'); +b3.appendChild(document.createTextNode('3')); +b4.parentElement.insertBefore(b3, b4); + +// Check if "3" is between "2" and "4". +test(() => { + assert_greater_than(b3.offsetTop, b2.offsetTop); + assert_less_than(b3.offsetTop, b4.offsetTop); +}); +</script> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019-ref.html new file mode 100644 index 0000000000..2cd5b5ab4e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019-ref.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<body> + <section> + <div>1</div> + <span>2</span> + <div class="before">3</div> + </section> + <section> + <span>2</span> + <div class="before">3</div> + <div>4</div> + </section> + <section style="columns: 1"> + <div>1</div> + <span>2</span> + <div class="before">3</div> + </section> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019.html new file mode 100644 index 0000000000..1f1cd1ae09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-019.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<meta name="assert" content="Test inserting an inline child in the middle of blocks-in-inline"> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"> +<link ref="match" href="block-in-inline-insert-019-ref.html"> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> +<body> + <!-- Insert a span in the middle of blocks-in-inline --> + <section> + <span> + <div>1</div> + <div class="before">3</div> + </span> + </section> + <!-- Insert a span before a block-in-inline --> + <section> + <span> + <div class="before">3</div> + <div>4</div> + </span> + </section> + <!-- Check it works in multicol container --> + <section style="columns: 1"> + <span> + <div>1</div> + <div class="before">3</div> + </span> + </section> +<script> +(function () { + document.body.offsetTop; + for (const before of document.getElementsByClassName('before')) { + const span = document.createElement('span'); + span.textContent = '2'; + before.before(span); + } +})(); +</script> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020-ref.html new file mode 100644 index 0000000000..3b3d4e8386 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020-ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<body> + <section> + <div>1</div> + <span>2</span> + <div class="before" style="position: absolute">3</div> + <div> </div> + </section> + <section> + <div>1</div> + <span>2</span> + <div class="before" style="position: absolute">3</div> + <div class="beforeoof"> </div> + </section> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020.html new file mode 100644 index 0000000000..3fbed1b3c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-020.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<meta name="assert" content="Test inserting an inline child before an OOF in blocks-in-inline"> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"> +<link ref="match" href="block-in-inline-insert-020-ref.html"> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> +<body> + <section> + <span> + <div>1</div> + <div class="before" style="position: absolute">3</div> + <div> </div> + </span> + </section> + <!-- The OOF was inserted dynamically --> + <section> + <span> + <div>1</div> + <div class="beforeoof"> </div> + </span> + </section> +<script> +(function () { + document.body.offsetTop; + for (const before of document.getElementsByClassName('beforeoof')) { + const oof = document.createElement('div'); + oof.classList.add('before') + oof.style.position = 'absolute'; + oof.textContent = '3'; + before.before(oof); + } + + document.body.offsetTop; + for (const before of document.getElementsByClassName('before')) { + const span = document.createElement('span'); + span.textContent = '2'; + before.before(span); + } +})(); +</script> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001-ref.xht new file mode 100644 index 0000000000..50926f8be0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001-ref.xht @@ -0,0 +1,10 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + </head> + <body> + <div style="width: 100px; border: 1px solid green;"> + <div style="display: block; height: 20px; width: 80px; margin: 10px 0 10px 10px; border: 5px solid black"></div> + </div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001a.xht new file mode 100644 index 0000000000..a3321753d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001a.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: blocks inside inlines – ignored-margins-1a</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-margins-001-ref.xht"/> + </head><body> + <div style="direction: ltr; width: 100px; border: 1px solid green;"> + <span> + <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black"> + </span> + </span> + </div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001b.xht new file mode 100644 index 0000000000..d1c5d20a8a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-001b.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: blocks inside inlines – ignored-margins-1b</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-margins-001-ref.xht"/> + </head><body> + <div style="direction: ltr; width: 100px; border: 1px solid green;"> + <span style="direction: rtl"> + <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black"> + </span> + </span> + </div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002-ref.xht new file mode 100644 index 0000000000..cad9284f45 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002-ref.xht @@ -0,0 +1,10 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + </head> + <body> + <div style="width: 100px; border: 1px solid green;"> + <div style="display: block; height: 20px; width: 80px; margin: 10px 10px 10px 0; border: 5px solid black"></div> + </div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002a.xht new file mode 100644 index 0000000000..40f612d8d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002a.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: blocks inside inlines – ignored-margins-2a</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-margins-002-ref.xht"/> + </head><body> + <div style="direction: rtl; width: 100px; border: 1px solid green;"> + <span> + <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black"> + </span> + </span> + </div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002b.xht new file mode 100644 index 0000000000..8e2030a6ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-002b.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: blocks inside inlines – ignored-margins-2b</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-margins-002-ref.xht"/> + </head><body> + <div style="direction: rtl; width: 100px; border: 1px solid green;"> + <span style="direction: ltr"> + <span style="display: block; height: 20px; width: 80px; margin: 10px; border: 5px solid black"> + </span> + </span> + </div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003-ref.html new file mode 100644 index 0000000000..afcdcb0dc0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003-ref.html @@ -0,0 +1,8 @@ +<!DOCTYPE html> +<body> + <div> + <div style="margin-top: 20px;"></div> + <div style="margin-top: 100px; outline: solid purple 4px;"></div> + text + </div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003.html new file mode 100644 index 0000000000..576e0a8bed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-003.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<meta name="assert" content="Block-in-inline: when continuation resolves the BFC offset"> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> +<link rel="match" href="block-in-inline-margins-003-ref.html"/> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<body> + <div> + <span> + <div style="margin-top: 20px;"></div> + <div style="margin-top: 100px; outline: solid purple 4px;"></div> + text + </span> + </div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004-ref.html new file mode 100644 index 0000000000..e4c5980fff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004-ref.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<body> + <div style="width: 100px; border: solid;"> + <div style="float: left; width: 10px; height: 10px; background: blue;"></div> + <div style="height: 100px; background: orange;"></div> + </div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004.html new file mode 100644 index 0000000000..81e1f83fba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-margins-004.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<meta name="assert" content="Block-in-inline: when empty but not self-collapsing block resolves the BFC offset"> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> +<link rel="match" href="block-in-inline-margins-004-ref.html"/> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<body> + <div style="width: 100px; border: solid;"> + <span> + <div style="float: left; width: 10px; height: 10px; background: blue;"></div> + <div style="height: 100px; background: orange;"></div> + </span> + </div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001-ref.xht new file mode 100644 index 0000000000..0c981e13bb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001-ref.xht @@ -0,0 +1,10 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + </head> + <body> + <span>First line</span> + <div>Second line</div> + <span>Third line, yes</span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001.xht new file mode 100644 index 0000000000..4cbd0e189d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-001.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines – split-inner-inline-1</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-nested-001-ref.xht"/> + </head><body> + <span> + First + <span> + line + <span style="display: block"> + Second line + </span> + Third + </span> + line, yes + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002-ref.xht new file mode 100644 index 0000000000..a0e3402791 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002-ref.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + </head> + <body> + <span>First line + <span style="border: 5px solid blue; border-right: none"></span> + </span> + <div>Second line</div> + <span> + <span style="border: 5px solid blue; border-left: none"></span> + Third line, yes + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002.xht new file mode 100644 index 0000000000..506c2f3795 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-nested-002.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: blocks inside inlines – split-inner-inline-2</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-nested-002-ref.xht"/> + </head><body> + <span> + First line + <span style="border: 5px solid blue"> + <span style="display: block"> + Second line + </span> + </span> + Third line, yes + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001-ref.xht new file mode 100644 index 0000000000..9228e79f9f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001-ref.xht @@ -0,0 +1,8 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + </head> + <body> + <div style="height: 100px; border: 10px solid black"></div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001.xht new file mode 100644 index 0000000000..1823424b92 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-percents-001.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: blocks inside inlines – percent-height-1</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-percents-001-ref.xht"/> + </head><body style="height: 200px"> + <span> + <span style="display: block; height: 50%; border: 10px solid black"> + </span> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000-ref.xht new file mode 100644 index 0000000000..c86bb3cbdb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000-ref.xht @@ -0,0 +1,9 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + </head> + <body> + One + Two + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000.xht new file mode 100644 index 0000000000..17c47cda8c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-000.xht @@ -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: blocks inside inlines – remove-split-inline-1</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-remove-000-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var target = document.getElementById("target"); + target.parentNode.removeChild(target); + } + </script> + </head> + <body onload="doit()"> + One + <span id="target"> + Three + <div>Four</div> + Five + </span> + Two + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-nosplit-ref.xht new file mode 100644 index 0000000000..0215ebbec4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-nosplit-ref.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-remove-001-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + #start { border-right: none; } + #two { border-left: none; } + </style> + </head> + <body> + <span id="start"></span> + <div>One</div> + <span id="two"> + Two + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-ref.xht new file mode 100644 index 0000000000..5d667f3dcb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001-ref.xht @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-remove-001-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span><div>One</div> + Two + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001.xht new file mode 100644 index 0000000000..30a998907e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-001.xht @@ -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: blocks inside inlines – remove-from-split-inline-1</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-remove-001-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var target = document.getElementById("target"); + target.parentNode.removeChild(target); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span><span id="target">Four</span><div>One</div> + Two + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002-ref.xht new file mode 100644 index 0000000000..cda68a7734 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002-ref.xht @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span> + One + Two + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002.xht new file mode 100644 index 0000000000..d0df7d612e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-002.xht @@ -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: blocks inside inlines – remove-from-split-inline-2</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-remove-002-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var target = document.getElementById("target"); + target.parentNode.removeChild(target); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span> + One + <div id="target">Three</div> + Two + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-nosplit-ref.xht new file mode 100644 index 0000000000..b4fbfec00a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-nosplit-ref.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-remove-003-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + #one { border-right: none; } + #tail { border-left: none; } + </style> + </head> + <body> + <span id="one"> + One + </span> + <div>Two</div> + <span id="tail"></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-ref.xht new file mode 100644 index 0000000000..60f9427389 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003-ref.xht @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-remove-003-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span> + One + <div>Two</div></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003.xht new file mode 100644 index 0000000000..94ccc760f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-003.xht @@ -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: blocks inside inlines – remove-from-split-inline-3</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-remove-003-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var target = document.getElementById("target"); + target.parentNode.removeChild(target); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + + <body onload="doit()"> + <span> + One + <div>Two</div><span id="target">Three</span></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-nosplit-ref.xht new file mode 100644 index 0000000000..a008a8a1b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-nosplit-ref.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-remove-004-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + #one { border-right: none; } + #four { border-left: none; } + </style> + </head> + <body> + <span id="one"> + One + Two + </span> + <div>Three</div> + <span id="four"> + Four + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-ref.xht new file mode 100644 index 0000000000..ef2ee0c329 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004-ref.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-remove-004-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span> + One + Two + <div>Three</div> + Four + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004.xht new file mode 100644 index 0000000000..91cad56e68 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-004.xht @@ -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: blocks inside inlines – remove-from-split-inline-4</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-remove-004-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var target = document.getElementById("target"); + target.parentNode.removeChild(target); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span> + One + <div id="target">Five</div> + Two + <div>Three</div> + Four + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-nosplit-ref.xht new file mode 100644 index 0000000000..00ae0f278f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-nosplit-ref.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-remove-005-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + #one { border-right: none; } + #three { border-left: none; } + </style> + </head> + <body> + <span id="one"> + One + </span> + <div>Two</div> + <span id="three"> + Three + Four + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-ref.xht new file mode 100644 index 0000000000..1ab2d25ff4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005-ref.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-remove-005-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span> + One + <div>Two</div> + Three + Four + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005.xht new file mode 100644 index 0000000000..58944d2ebc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-005.xht @@ -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: blocks inside inlines – remove-from-split-inline-5</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-remove-005-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var target = document.getElementById("target"); + target.parentNode.removeChild(target); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span> + One + <div>Two</div> + Three + <div id="target">Five</div> + Four + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-nosplit-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-nosplit-ref.xht new file mode 100644 index 0000000000..6379b16190 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-nosplit-ref.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-remove-006-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + #one { border-right: none; } + #four { border-left: none; } + </style> + </head> + <body> + <span id="one"> + One + </span> + <div>Two</div> + <div>Three</div> + <span id="four"> + Four + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-ref.xht new file mode 100644 index 0000000000..be57e10553 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006-ref.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <link rel="match" href="block-in-inline-remove-006-nosplit-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span> + One + <div>Two</div> + <div>Three</div> + Four + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006.xht new file mode 100644 index 0000000000..245dbfbb78 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-remove-006.xht @@ -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: blocks inside inlines – remove-from-split-inline-6</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-remove-006-nosplit-ref.xht"/> + <meta name="flags" content="dom" /> + <script type="text/javascript"> + function doit() { + var target = document.getElementById("target"); + target.parentNode.removeChild(target); + } + </script> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body onload="doit()"> + <span> + One + <div>Two</div> + <span id="target">Five</span> + <div>Three</div> + Four + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001-ref.html new file mode 100644 index 0000000000..20a8ae08c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<style> + div { + line-height: 20px; + } + </style> + <p>The numbers 1, 2 and 3 below should be in ascending order, from top to bottom, with no overlap.</p> +<div> + 2 + <span style="vertical-align: 20px;"> + 1 + <div>3</div> + 4 + <div>5</div> + 6 + <div>7</div> + 8 + </span> +</div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001.html new file mode 100644 index 0000000000..406774c453 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-vertical-align-001.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<meta name="assert" content="Test `vertical-align` should not affect block-in-inline"> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"> +<link ref="match" href="block-in-inline-vertical-align-001-ref.html"> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> +<style> +div { + line-height: 20px; +} +</style> +<p>The numbers 1, 2 and 3 below should be in ascending order, from top to bottom, with no overlap.</p> +<div> + 2 + <span style="vertical-align: 20px;"> + 1 + </span> +</div> +<div>3</div> +<div> + <span style="vertical-align: 20px;"> + 4 + </span> +</div> +<div>5</div> +<div> + <span style="vertical-align: 20px;"> + 6 + </span> +</div> +<div>7</div> +<div> + <span style="vertical-align: 20px;"> + 8 + </span> +</div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001-ref.xht new file mode 100644 index 0000000000..263fd25ecb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001-ref.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + <style type="text/css"> + body > span { border: 3px solid blue } + .notstart { border-left: none; } + .notend { border-right: none; } + </style> + </head> + <body> + <span class="notend"></span> + <div>One</div> + <span class="notstart notend"></span> + <div>Two</div> + <span class="notstart"></span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001a.xht new file mode 100644 index 0000000000..ef8094e7a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001a.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: blocks inside inlines – whitespace-present-1a</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-whitespace-001-ref.xht"/> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + </head> + <body> + <span> + <div>One</div> + <div>Two</div> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001b.xht new file mode 100644 index 0000000000..e6237f714d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-whitespace-001b.xht @@ -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: blocks inside inlines – whitespace-present-1b</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="block-in-inline-whitespace-001-ref.xht"/> + <meta name="flags" content="dom" /> + <style type="text/css"> + body > span { border: 3px solid blue } + </style> + <script type="text/javascript"> + function doIt() { + var t = document.createTextNode(" "); + var d = document.getElementById("d"); + d.parentNode.insertBefore(t, d); + } + </script> + </head> + <body onload="doIt()"> + <span> + <div>One</div><div id="d">Two</div> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001-ref.xht new file mode 100644 index 0000000000..13a45cc085 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: blue; + border-bottom: orange solid medium; + border-top: orange solid medium; + width: 1in; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no space between</strong> the blue stripe and the orange lines.</p> + + <div>Filler Text</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001.xht new file mode 100644 index 0000000000..e25e5e55f4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-001.xht @@ -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: Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and margins top and bottom are 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-28 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <link rel="match" href="block-non-replaced-height-001-ref.xht" /> + + <meta name="assert" content="The margin top and bottom used values are '0' for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and margin top and bottom both are 'auto'." /> + <style type="text/css"> + #div1 + { + border-bottom: solid orange; + border-top: solid orange; + width: 1in; + } + div div + { + background: blue; + margin-bottom: auto; + margin-top: auto; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no space between</strong> the blue stripe and the orange lines.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-002.xht new file mode 100644 index 0000000000..9d27f433c4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-002.xht @@ -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: Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <meta name="assert" content="The margin top and bottom used values are '0' for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and margin top and bottom both are 'auto'." /> + <style type="text/css"> + #div1 + { + border-bottom: solid orange; + border-top: solid orange; + width: 1in; + } + div div + { + background: blue; + margin-bottom: auto; + margin-top: auto; + } + html, body + { + overflow: scroll; + } + </style> + </head> + <body> + <p>Test passes if there is no white space between the blue box below and the orange lines.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-003.xht new file mode 100644 index 0000000000..24c3fe0e5d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-003.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and 'height' is 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <meta name="assert" content="The 'height' is the 'height' of the child block box when a block-level non-replaced element is in normal flow and 'overflow' computes to 'visible'." /> + <style type="text/css"> + div + { + position: relative; + } + div div + { + width: 1in; + } + #div1 div + { + background: blue; + height: 2in; + } + #div2 + { + background: orange; + height: 2in; + left: 1in; + position: absolute; + top: 0; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange boxes below are the same height.</p> + <div> + <div id="div1"> + <div></div> + </div> + <div id="div2"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-004.xht new file mode 100644 index 0000000000..422ad38d53 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-004.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and 'height' is 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <meta name="assert" content="The 'height' is the 'height' of the child block box when a block-level non-replaced element is in normal flow and 'overflow' does not compute to 'visible'." /> + <style type="text/css"> + html, body + { + overflow: scroll; + } + div + { + position: relative; + } + div div + { + width: 1in; + } + #div1 div + { + background: blue; + height: 2in; + } + #div2 + { + background: orange; + height: 2in; + left: 1in; + position: absolute; + top: 0; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange boxes below are the same height.</p> + <div> + <div id="div1"> + <div></div> + </div> + <div id="div2"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005-ref.xht new file mode 100644 index 0000000000..47d1d06b30 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if the blue and orange squares have the same height and if there is <strong>no red</strong>.</p> + + <div><img src="support/blue15x15.png" width="200" height="200" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="200" height="200" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005.xht new file mode 100644 index 0000000000..274669a6a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-005.xht @@ -0,0 +1,49 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and 'height' is 'auto' adjust based on the line box height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <link rel="match" href="block-non-replaced-height-005-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' is the distance from the topmost to the bottommost line box when a block-level non-replaced element is in normal flow and 'overflow' computes to 'visible'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + position: relative; + } + #div1 + { + background: red; + width: 200px; + } + span + { + color: blue; + display: inline; + font: 100px/1 Ahem; + } + #div2 + { + background: orange; + height: 200px; + left: 200px; + position: absolute; + top: 0; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the same height and if there is <strong>no red</strong>.</p> + <div> + <div id="div1"> + <span>XX XX</span> + </div> + <div id="div2"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-006.xht new file mode 100644 index 0000000000..ad33cd950c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-006.xht @@ -0,0 +1,50 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and 'height' is 'auto' adjust based on the line box height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' is the distance from the topmost to the bottommost line box when a block-level non-replaced element is in normal flow and 'overflow' does not compute to 'visible'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + html, body + { + overflow: scroll; + } + div + { + position: relative; + } + #div1 + { + background: red; + width: 200px; + } + span + { + color: blue; + display: inline; + font: 100px/1 Ahem; + } + #div2 + { + background: orange; + height: 200px; + left: 200px; + position: absolute; + top: 0; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the same height and if there is <strong>no red</strong>.</p> + <div> + <div id="div1"> + <span>XX XX</span> + </div> + <div id="div2"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-007.xht new file mode 100644 index 0000000000..c56310aec8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-007.xht @@ -0,0 +1,50 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 determination for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and elements' margins collapse</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <meta name="assert" content="The 'height' is the distance between the top border edge of the top most block-level child box that doesn't have margins collapsed through it, and the bottom border edge of the bottommost block-level child that doesn't have margins collapsed through it. When a block-level non-replaced element is in normal flow, 'overflow' computes to 'visible' and the 'height' is 'auto'." /> + <style type="text/css"> + #div1 + { + position: relative; + } + #div2, #div3, #div4 + { + width: 1in; + } + #div2, #div3 + { + background: blue; + height: 0.5in; + } + #div2 + { + border-top: 0.5in solid blue; + margin-top: 0.5in; + } + #div3 + { + border-bottom: 0.5in solid blue; + margin-bottom: 0.5in; + } + #div4 + { + background: blue; + height: 2in; + left: 1in; + position: absolute; + top: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a blue square below.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + <div id="div4"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-008.xht new file mode 100644 index 0000000000..6214bf1f5d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-008.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height determination for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and elements' margins collapse</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <meta name="assert" content="The 'height' is the distance between the top border edge of the top most block-level child box that doesn't have margins collapsed, and the bottom border edge of the bottommost block-level child that doesn't have margins collapsed. When a block-level non-replaced element is in normal flow, 'overflow' does not compute to 'visible' but has been propagated to the viewport and the 'height' is 'auto'." /> + <style type="text/css"> + html, body + { + overflow: scroll; + } + #div1 + { + position: relative; + } + #div2, #div3, #div4 + { + width: 1in; + } + #div2, #div3 + { + background: blue; + height: 0.5in; + } + #div2 + { + border-top: 0.5in solid blue; + margin-top: 0.5in; + } + #div3 + { + border-bottom: 0.5in solid blue; + margin-bottom: 0.5in; + } + #div4 + { + background: blue; + height: 2in; + left: 1in; + position: absolute; + top: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a blue square below.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + <div id="div4"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009-ref.xht new file mode 100644 index 0000000000..dfaf53125b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: blue; + height: 2in; + width: 2in; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a blue square.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009.xht new file mode 100644 index 0000000000..01af21c20b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-009.xht @@ -0,0 +1,59 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 determination for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and elements' margins do not collapse</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + + <meta name="assert" content="When a block-level non-replaced element is in normal flow, 'overflow' computes to 'visible', the 'height' is 'auto' and top and bottom margins do not collapse. The 'height' is the distance from the top of the topmost margin edge of the content to the bottom edge of the bottom (possibly collapsed) margin of its last in-flow child, if the child's bottom margin does not collapse with the element's bottom margin." /> + <style type="text/css"> + #div1 + { + position: relative; + } + #div2 + { + background: blue; + border-bottom: 0.25in solid blue; + border-top: 0.25in solid blue; + } + #div2, #div3, #div4, #div5 + { + width: 1in; + } + #div3, #div4 + { + background: blue; + height: 0.25in; + } + #div3 + { + border-top: 0.25in solid blue; + margin-top: 0.25in; + } + #div4 + { + border-bottom: 0.25in solid blue; + margin-bottom: 0.25in; + } + #div5 + { + background: blue; + height: 2in; + left: 1in; + position: absolute; + top: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a blue square.</p> + <div id="div1"> + <div id="div2"> + <div id="div3"></div> + <div id="div4"></div> + </div> + <div id="div5"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-010.xht new file mode 100644 index 0000000000..37fdf8ea28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-010.xht @@ -0,0 +1,62 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height determination for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and elements' margins do not collapse</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <meta name="assert" content="When a block-level non-replaced element is in normal flow, 'overflow' does not compute to 'visible', the 'height' is 'auto' and top and bottom margins do not collapse. The 'height' is the sized from the top of the topmost margin edge of the content to the bottom of the bottom most margin edge of the content." /> + <style type="text/css"> + html, body + { + overflow: scroll; + } + #div1 + { + position: relative; + } + #div2 + { + background: blue; + border-bottom: 0.25in solid blue; + border-top: 0.25in solid blue; + } + #div2, #div3, #div4, #div5 + { + width: 1in; + } + #div3, #div4 + { + background: blue; + height: 0.25in; + } + #div3 + { + border-top: 0.25in solid blue; + margin-top: 0.25in; + } + #div4 + { + border-bottom: 0.25in solid blue; + margin-bottom: 0.25in; + } + #div5 + { + background: blue; + height: 2in; + left: 1in; + position: absolute; + top: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a blue square below.</p> + <div id="div1"> + <div id="div2"> + <div id="div3"></div> + <div id="div4"></div> + </div> + <div id="div5"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-011.xht new file mode 100644 index 0000000000..8c54083dcb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-011.xht @@ -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: Floated children are ignored for 'height' on block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="A floated child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." /> + <style type="text/css"> + #div1 + { + background: red; + height: auto; + } + div div + { + float: left; + height: 1in; + overflow: visible; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-012.xht new file mode 100644 index 0000000000..6f64d7c8cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-012.xht @@ -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: Floated children are ignored for 'height' on block-level non-replaced elements in normal flow when 'overflow' does not computes to 'visible'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <meta name="assert" content="A floated child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." /> + <style type="text/css"> + html, body + { + overflow: scroll; + } + #div1 + { + background: red; + } + div div + { + float: left; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-013.xht new file mode 100644 index 0000000000..6bd7f9b753 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-013.xht @@ -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: An absolutely positioned child elements' 'height' is ignored for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="An absolutely positioned child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." /> + <style type="text/css"> + #div1 + { + background: red; + height: auto; + } + div div + { + height: 1in; + overflow: visible; + position: absolute; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-014.xht new file mode 100644 index 0000000000..acfdb49641 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-014.xht @@ -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: An absolutely positioned child elements' 'height' is ignored for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <meta name="assert" content="An absolutely positioned child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." /> + <style type="text/css"> + #div1 + { + background: red; + height: auto; + } + div div + { + height: 1in; + overflow: scroll; + position: absolute; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-015.xht new file mode 100644 index 0000000000..d8b06beee6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-015.xht @@ -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: A relative positioned child elements' offset is ignored for 'height' on a block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <meta name="assert" content="A relative positioned child elements' offset is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." /> + <style type="text/css"> + #div1 + { + position: relative; + } + #div2 + { + background: blue; + } + #div2 div + { + position: relative; + top: 1in; + } + #div3 + { + background: orange; + left: 1in; + position: absolute; + top: 0; + } + #div2 div, #div3 + { + height: 1in; + } + div div + { + 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> + </div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-016.xht new file mode 100644 index 0000000000..985b7d5944 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-height-016.xht @@ -0,0 +1,52 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: A relative positioned child elements' offset is ignored for 'height' on a block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#normal-block" /> + <meta name="assert" content="A relative positioned child elements' offset is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow." /> + <style type="text/css"> + html, body + { + overflow: scroll; + } + #div1 + { + position: relative; + } + #div2 + { + background: blue; + } + #div2 div + { + position: relative; + top: 1in; + } + #div3 + { + background: orange; + left: 1in; + position: absolute; + top: 0; + } + #div2 div, #div3 + { + height: 1in; + } + div div + { + 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> + </div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001-ref.xht new file mode 100644 index 0000000000..ba8cb226e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001-ref.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 30px; + width: 150px; + } + + div#orange {background-color: orange;} + + div#blue + { + background-color: blue; + position: absolute; + top: 82px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p> + + <div id="orange"></div> + + <div id="blue"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001.xht new file mode 100644 index 0000000000..de5901c70a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-001.xht @@ -0,0 +1,47 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Solving for width of block-level non-replaced elements in normal flow</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" /> + <link rel="match" href="block-non-replaced-width-001-ref.xht" /> + + <meta name="assert" content="The equation; 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' is equal the width of containing block." /> + <style type="text/css"> + #div1 + { + background-color: orange; + border: 5px solid orange; + display: inline-block; + } + div div + { + background-color: orange; + border-left: 10px solid orange; + border-right: 10px solid orange; + height: 20px; + margin-left: 10px; + margin-right: 10px; + padding-left: 10px; + padding-right: 10px; + width: 80px; + } + #d3 + { + background-color: blue; + height: 30px; + position: absolute; + top: 82px; + width: 150px; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p> + <div id="div1"> + <div></div> + </div> + <div id="d3"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-002.xht new file mode 100644 index 0000000000..cf14e37ab7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-002.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Solving for width of block-level non-replaced elements in normal flow when 'width' is 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" /> + <meta name="assert" content="When width is auto and the combination of border widths, padding widths, scrollbar widths, width, and non 'auto' margin widths are larger than the width of the containing block, the margin widths are treated as 0." /> + <style type="text/css"> + #div1 + { + margin-top: 15px; + width: 100px; + } + div div + { + background-color: orange; + border-left: 10px solid orange; + border-right: 10px solid orange; + height: 30px; + margin-left: auto; + padding-left: 10px; + padding-right: 10px; + width: 110px; + } + #div2 + { + background-color: blue; + height: 30px; + position: absolute; + top: 82px; + width: 150px; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p> + <div id="div1"> + <div></div> + </div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-003.xht new file mode 100644 index 0000000000..c6e3fce31b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-003.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Solving over-constrained situation for block-level non-replaced elements in normal flow and direction is left-to-right</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" /> + <link rel="match" href="block-non-replaced-width-001-ref.xht" /> + + <meta name="assert" content="When direction is left-to-right, the specified value of 'margin-right' is ignored in an over-constrained situation and the 'margin-right' value is calculated so as to make the equality true." /> + <style type="text/css"> + div + { + direction: ltr; + } + #div1 + { + background: orange; + width: 100px; + } + div div + { + background-color: orange; + border-left: 10px solid orange; + border-right: 10px solid orange; + height: 30px; + margin-left: 10px; + margin-right: 10px; + padding-left: 10px; + padding-right: 10px; + width: 100px; + } + + /* + In this test, the used margin-right should be -50px so + that the equation remains balanced. + */ + + #div2 + { + background-color: blue; + height: 30px; + position: absolute; + top: 82px; + width: 150px; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p> + <div id="div1"> + <div></div> + </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004-ref.xht new file mode 100644 index 0000000000..f99a9095aa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004-ref.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body {direction: rtl;} + + p {direction: ltr;} + + div + { + height: 30px; + width: 150px; + } + + div#orange {background-color: orange;} + + div#blue + { + background-color: blue; + position: absolute; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p> + + <div id="orange"></div> + + <div id="blue"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004.xht new file mode 100644 index 0000000000..b754b56f68 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-004.xht @@ -0,0 +1,58 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Solving over-constrained situation for block-level non-replaced elements in normal flow and direction is right-to-left</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" /> + <link rel="match" href="block-non-replaced-width-004-ref.xht" /> + + <meta name="assert" content="When direction is right-to-left, the specified value of 'margin-left' is ignored in an over-constrained situation and the 'margin-left' value is calculated so as to make the equality true." /> + <style type="text/css"> + div + { + direction: rtl; + position: relative; + } + #div1 + { + background: orange; + width: 100px; + } + #div1 div + { + background-color: orange; + border-left: 10px solid orange; + border-right: 10px solid orange; + height: 30px; + margin-left: 10px; + margin-right: 10px; + padding-left: 10px; + padding-right: 10px; + width: 100px; + } + + /* + In this test, the used margin-left should be -50px so + that the equation remains balanced. + */ + + #div2 + { + background-color: blue; + height: 30px; + position: absolute; + width: 150px; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p> + <div> + <div id="div1"> + <div></div> + </div> + <div id="div2"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005-ref.xht new file mode 100644 index 0000000000..794831c367 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005-ref.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body {margin: 0;} + + div + { + background-color: green; + height: 40px; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if a filled green rectangle spans the entire width of the page and if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005.xht new file mode 100644 index 0000000000..94e30af494 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-005.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Solving width for block-level non-replaced elements in normal flow with single 'auto' value</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" /> + <link rel="match" href="block-non-replaced-width-005-ref.xht" /> + + <meta name="assert" content="If 'width' is set to 'auto' and no other 'auto' values are set, then the 'width' is the width of the containing block." /> + <style type="text/css"> + body + { + margin: 0; + } + #div1 + { + background: red; + width: 100%; + } + div div + { + background-color: green; + border: none; + margin: 0; + padding: 0; + height: 40px; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if a filled green rectangle spans the entire width of the page and if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-006.xht new file mode 100644 index 0000000000..2c7d95437c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-006.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Solving width for block-level non-replaced elements in normal flow with multiple properties with 'auto' values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" /> + <link rel="match" href="block-non-replaced-width-005-ref.xht" /> + + <meta name="assert" content="If 'width' is set to 'auto', any other 'auto' values become '0' and the 'width' is computed based on remaining space which includes any negative width." /> + <style type="text/css"> + body + { + margin: 0; + } + #div1 + { + background: red; + width: 100%; + } + div div + { + background-color: green; + border: 10px solid green; + margin: 0 auto; + padding: 0; + height: 20px; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if a filled green rectangle spans the entire width of the page and if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007-ref.xht new file mode 100644 index 0000000000..ad356fdbb1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007-ref.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + font: 100px/1 Ahem; + height: 200px; + text-align: center; + width: 200px; + } + + span#orange {color: orange;} + + span#blue {color: blue;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and orange squares have the same width and the blue square is directly below the orange square.</p> + + <div><span id="orange">O</span> <span id="blue">B</span></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007.xht new file mode 100644 index 0000000000..7c11940645 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-007.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Box centering with 'margin-left' and 'margin-right' set to auto</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" /> + <link rel="match" href="block-non-replaced-width-007-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="When 'margin-left' and 'margin-right' are set to 'auto' and the element has a 'width', then the box will be centered within the edges of its containing block." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 200px; + width: 200px; + } + #div2 + { + background-color: orange; + border-color: orange; + border-style: solid; + border-width: 0 25px; + margin: 0 auto; + padding: 0; + height: 100px; + width: 50px; + } + #div3 + { + color: blue; + font: 100px/1 Ahem; + text-align: center; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the same width and the blue square is directly below the orange square.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3">X</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-008.xht new file mode 100644 index 0000000000..9843753c59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-non-replaced-width-008.xht @@ -0,0 +1,59 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Solving 'width: auto' of a block-level non-replaced element in normal flow with one other property set to an 'auto' value</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" title="10.3.3 Block-level, non-replaced elements in normal flow" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" /> + <meta content="If 'width' is set to 'auto', any other 'auto' values become '0' and the determination of 'width' proceeds from the following equality: 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' = width of containing block" name="assert" /> + + <style type="text/css"><![CDATA[ + div {height: 200px;} + + div#containing-block + { + border-right: red solid 200px; + padding-right: 200px; + width: 0px; + } + + div#child + { + border-right: green solid 200px; + margin-right: -400px; + } + + /* + Calculation of used width for div#child: + + margin-left : 0px (or auto) + + border-left-width : 0px + + padding-left : 0px + + width : auto + + padding-right : 0px + + border-right-width : 200px + + margin-right : -400px + ==================================== + width of containing block : 0px + + Therefore 'width: auto' must be resolved as 'width: 200px'. + Therefore div#child's green border-right should overlap perfectly + div#containing-block's red border-right. + */ + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="containing-block"> + <div id="child"></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001-ref.xht new file mode 100644 index 0000000000..b60e1f1e23 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001-ref.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border-bottom: orange solid medium; + border-top: orange solid medium; + line-height: 15px; + width: 96px; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is no white space between the blue square and the orange lines.</p> + + <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001.xht new file mode 100644 index 0000000000..fad608d0e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-001.xht @@ -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: Block replaced elements with 'margin-top' and 'margin-bottom' as 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="A block replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'." /> + <style type="text/css"> + div + { + border-bottom: solid orange; + border-top: solid orange; + width: 1in; + } + img + { + display: block; + margin-top: auto; + margin-bottom: auto; + } + </style> + </head> + <body> + <p>Test passes if there is no white space between the blue square and the orange lines.</p> + <div> + <img alt="blue 15x15" src="support/blue15x15.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002-ref.xht new file mode 100644 index 0000000000..effbf97dc3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + + <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002.xht new file mode 100644 index 0000000000..3bfbef715a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-002.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Block replaced elements relying on intrinsic height dimensions</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'height' is the intrinsic height when an block replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'." /> + <style type="text/css"> + div + { + position: relative; + } + div div + { + background: orange; + height: 15px; + left: 15px; + position: absolute; + top: 0; + width: 15px; + } + img + { + display: block; + height: auto; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + <div> + <img alt="blue 15x15" src="support/blue15x15.png" /> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-003.xht new file mode 100644 index 0000000000..901d1a5151 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-003.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Block replaced elements with intrinsic ratios and 'height' set to 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'height' is the used width divided by the ratio when an block replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified." /> + <style type="text/css"> + div + { + line-height: 0; + position: relative; + } + div div + { + background: orange; + height: 1in; + left: 1in; + position: absolute; + top: 0; + } + img + { + display: inline; + height: auto; + } + div div, img + { + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange boxes below are the same height.</p> + <div> + <img alt="blue 15x15" src="support/blue15x15.png" /> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004-ref.xht new file mode 100644 index 0000000000..3a33506da6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: green solid medium; + height: 150px; + width: 300px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004.xht new file mode 100644 index 0000000000..2d423b15f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-004.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Block replaced elements without intrinsic ratios and 'height' set to 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-004-ref.xht" /> + + <meta name="assert" content="For block replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." /> + <style type="text/css"> + div + { + position: relative; + } + div div + { + border: solid green; + height: 150px; + position: absolute; + top: 0; + width: 300px; + } + iframe + { + border: solid red; + display: block; + height: auto; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <iframe></iframe> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005-ref.xht new file mode 100644 index 0000000000..8301362484 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: green solid medium; + height: 96px; + width: 300px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005.xht new file mode 100644 index 0000000000..156ca650e4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-005.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Block replaced elements with percentage based intrinsic height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-005-ref.xht" /> + + <meta name="assert" content="A block replaced elements with a percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified." /> + <style type="text/css"> + #div1 + { + position: relative; + height: 2in; + } + div div + { + border: solid green; + height: 1in; + position: absolute; + top: 0; + width: 300px; + } + iframe + { + border: solid red; + display: block; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <iframe height="50%"></iframe> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006-ref.xht new file mode 100644 index 0000000000..6912d5159e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 96px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p> + + <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006.xht new file mode 100644 index 0000000000..1c6d265a89 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-006.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> + <head> + <title>CSS Test: Absolutely positioned block replaced elements with percentage based intrinsic height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-006-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="A block replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned." /> + <style type="text/css"> + #div1 + { + position: relative; + height: 2in; + } + div div + { + background: orange; + height: 1in; + left: 200px; + position: absolute; + top: 0; + width: 200px; + } + svg + { + display: block; + position: absolute; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p> + <div id="div1"> + <svg:svg version="1.1" height="50%" baseProfile="full"> + <svg:rect x="0" y="0" width="200" height="100" fill="blue" /> + </svg:svg> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-007.xht new file mode 100644 index 0000000000..76091766bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-height-007.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Block replaced elements with percentage based intrinsic height that cannot be resolved</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-004-ref.xht" /> + + <meta name="assert" content="A block replaced elements with a percentage height that cannot be resolved has no intrinsic height." /> + <style type="text/css"> + #div1 + { + position: relative; + } + div div + { + border: solid green; + height: 150px; + position: absolute; + top: 0; + width: 300px; + } + iframe + { + border: solid red; + display: block; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <iframe height="50%"></iframe> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-001.xht new file mode 100644 index 0000000000..4346a5f527 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-001.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" /> + <meta name="flags" content="ahem image" /> + <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 2in; + width: 2in; + } + img + { + display: block; + margin-left: auto; + margin-right: auto; + } + div div + { + color: orange; + font: 15px/1em Ahem; + text-align: center; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the same width and are horizontally centered inside the black hollow square.</p> + <div id="div1"> + <img alt="blue 15x15" src="support/blue15x15.png" /> + <div>X</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002-ref.xht new file mode 100644 index 0000000000..cd6d7f2d1f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002-ref.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + font: 50px/1 Ahem; + height: 288px; + width: 288px; + } + + span#blue {color: blue;} + + span#orange {color: orange;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and orange rectangles have the <strong>same width</strong> and the blue rectangle is in the upper-left corner of an hollow black square.</p> + + <div><span id="blue">1234</span> <span id="orange">1234</span> </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002.xht new file mode 100644 index 0000000000..ce25bf90ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-002.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> + <head> + <title>CSS Test: Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-29 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" /> + <link rel="match" href="block-replaced-width-002-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0' if 'width' is set to 'auto'. Then 'width' follows from the resulting equality." /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 3in; + width: 3in; + } + svg + { + display: block; + margin-left: auto; + margin-right: auto; + } + div div + { + background: orange; + height: 50px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange rectangles have the <strong>same width</strong> and the blue rectangle is in the upper-left corner of an hollow black square.</p> + <div id="div1"> + <svg:svg version="1.1" height="50" baseProfile="full"> + <svg:rect x="0" y="0" width="200" height="100" fill="blue" /> + </svg:svg> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-003.xht new file mode 100644 index 0000000000..c85b0ac1f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-003.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> + <head> + <title>CSS Test: Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" /> + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio." /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 3in; + width: 3in; + } + svg + { + display: block; + height: 100px; + margin-left: auto; + margin-right: auto; + } + div div + { + background: orange; + height: 100px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange boxes below are the same width, and the blue box is in the upper-left corner of the black box.</p> + <div id="div1"> + <svg:svg version="1.1" height="50" baseProfile="full"> + <svg:rect x="0" y="0" width="200" height="100" fill="blue" /> + </svg:svg> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-004.xht new file mode 100644 index 0000000000..97b7819182 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-004.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> + <head> + <title>CSS Test: Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" /> + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements." /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 3in; + width: 3in; + } + #div2 + { + height: 110px; + width: 3in; + } + #div3 + { + background: orange; + height: 1in; + width: 200px; + } + svg + { + display: block; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange boxes below are the same width, and the blue box is in the upper-left corner of the black box.</p> + <div id="div1"> + <div id="div2"> + <svg:svg version="1.1" baseProfile="full"> + <svg:rect x="0" y="0" width="200" height="100" fill="blue" /> + </svg:svg> + </div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006-ref.xht new file mode 100644 index 0000000000..719ccdc42f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006-ref.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + font: 100px/1 Ahem; + height: 300px; + text-align: center; + width: 200px; + } + + span#blue {color: blue;} + + span#orange {color: orange;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and orange squares have the <strong>same width</strong> and if they are <strong>horizontally centered</strong> inside an hollow black rectangle.</p> + + <div><span id="blue">1</span><br /><span id="orange">2</span></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006.xht new file mode 100644 index 0000000000..049fa79935 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-replaced-width-006.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" /> + <link rel="match" href="block-replaced-width-006-ref.xht" /> + + <meta name="flags" content="ahem image" /> + <meta name="assert" content="Percentage intrinsic widths are evaluated against the containing block's width." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 300px; + width: 200px; + } + img + { + display: block; + margin-left: auto; + margin-right: auto; + } + div div + { + color: orange; + font: 100px/1em Ahem; + text-align: center; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same width</strong> and if they are <strong>horizontally centered</strong> inside an hollow black rectangle.</p> + <div id="div1"> + <img alt="blue 15x15" src="support/blue15x15.png" width="50%" /> + <div>X</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-011-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-011-ref.xht new file mode 100644 index 0000000000..87f2d97ebc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-011-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: blue; + height: 2em; + width: 4em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a short filled blue rectangle.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-011.xht new file mode 100644 index 0000000000..bd86d86362 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-011.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Block Box Model: overconstrained horizontal box model and minimum widths</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/> + <link rel="match" href="blocks-011-ref.xht" /> + + <style type="text/css"> + .container { width: 3em; } + .test { margin-left: 0; border-left: 2em solid; padding-left: 0; width: auto; padding-right: 0; border-right: 2em solid; margin-right: 0; } + .control { margin-left: 0; border-left: none; padding-left: 0; width: 4em; padding-right: 0; border-right: none; margin-right: 0; } + .body div { background: blue; border-color: blue; height: 1em; } /* need the .body to increase specificity */ + </style> + </head> + <body class="body"> + <p>Test passes if there is a short filled blue rectangle.</p> + <div class="container"> + <div class="test"></div> + </div> + <div class="control"></div> + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-012.xht new file mode 100644 index 0000000000..7c2751ca63 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-012.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Block Box Model: overconstrained horizontal box model and minimum widths</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/> + <link rel="match" href="blocks-011-ref.xht" /> + + <style type="text/css"> + .container { width: 3em; } + .test { margin-left: 0; border-left: none; padding-left: 2em; width: auto; padding-right: 2em; border-right: none; margin-right: 0; } + .control { margin-left: 0; border-left: none; padding-left: 0; width: 4em; padding-right: 0; border-right: none; margin-right: 0; } + div { background: blue; height: 1em; } + </style> + </head> + <body> + <p>Test passes if there is a short filled blue rectangle.</p> + <div class="container"> + <div class="test"></div> + </div> + <div class="control"></div> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-013-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-013-ref.xht new file mode 100644 index 0000000000..e8c939264b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-013-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + font-size: xx-large; + padding-left: 2em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 short vertical bars are at the <strong>same horizontal position</strong>.</p> + + <div class="control">|</div> + + <div class="control">|</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-013.xht new file mode 100644 index 0000000000..90b0b70604 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-013.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Block Box Model: overconstrained horizontal box model and minimum widths</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/> + <link rel="match" href="blocks-013-ref.xht" /> + + <style type="text/css"> + .container { width: 3em; } + .test { margin-left: 2em; border-left: none; padding-left: 0; width: auto; padding-right: 0; border-right: none; margin-right: 2em; } + .control { padding-left: 2em; } + div { font-size: xx-large; } + </style> + </head> + <body> + <p>Test passes if 2 short vertical bars are at the <strong>same horizontal position</strong>.</p> + <div class="container"> + <div class="test"><span>|</span></div> + </div> + <div class="control"><span>|</span></div> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-014-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-014-ref.xht new file mode 100644 index 0000000000..0ee763db9c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-014-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: blue; + height: 2em; + width: 5em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a short filled blue rectangle.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-014.xht new file mode 100644 index 0000000000..dc06f52bd3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-014.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Block Box Model: sane horizontal box model and minimum widths</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/004.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/> + <link rel="match" href="blocks-014-ref.xht" /> + + <style type="text/css"> + .container { width: 5em; } + .test { margin-left: 0; border-left: 2em solid; padding-left: 0; width: auto; padding-right: 0; border-right: 2em solid; margin-right: 0; } + .control { margin-left: 0; border-left: none; padding-left: 0; width: 5em; padding-right: 0; border-right: none; margin-right: 0; } + .body div { background: blue; border-color: blue; height: 1em; } /* need .body to increase specificity */ + </style> + </head> + <body class="body"> + <p>Test passes if there is a short filled blue rectangle.</p> + <div class="container"> + <div class="test"></div> + </div> + <div class="control"></div> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-015.xht new file mode 100644 index 0000000000..37ad205b7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-015.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Block Box Model: sane horizontal box model and minimum widths</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/005.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/> + <link rel="match" href="blocks-014-ref.xht" /> + + <style type="text/css"> + .container { width: 5em; } + .test { margin-left: 0; border-left: none; padding-left: 2em; width: auto; padding-right: 2em; border-right: none; margin-right: 0; } + .control { margin-left: 0; border-left: none; padding-left: 0; width: 5em; padding-right: 0; border-right: none; margin-right: 0; } + div { background: blue; height: 1em; } + </style> + </head> + <body> + <p>Test passes if there is a short filled blue rectangle.</p> + <div class="container"> + <div class="test"></div> + </div> + <div class="control"></div> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-016.xht new file mode 100644 index 0000000000..e10656972d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-016.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Block Box Model: sane horizontal box model and minimum widths</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/006.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/> + <link rel="match" href="blocks-013-ref.xht" /> + + <style type="text/css"> + .container { width: 5em; } + .test { margin-left: 2em; border-left: none; padding-left: 0; width: auto; padding-right: 0; border-right: none; margin-right: 2em; } + .control { padding-left: 2em; } + div { font-size: xx-large; } + </style> + </head> + <body> + <p>Test passes if 2 short vertical bars are at the <strong>same horizontal position</strong>.</p> + <div class="container"> + <div class="test"><span>|</span></div> + </div> + <div class="control"><span>|</span></div> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-017.xht new file mode 100644 index 0000000000..f6819f372b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-017.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: CSS Blocks: Margin Collapsing</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-12 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/007.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" /> + <link rel="match" href="../tables/reference/table-margin-004-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { + border: solid blue; + height: 180px; + } + div > * { + margin: 1em; + height: 1em; + display: block; + font: 20px/1 Ahem; + } + table { border-spacing: 0; } + + td { padding: 0; } + ]]></style> + </head> + <body> + <p>Test passes if there are 4 black bars which do not overflow a wide blue rectangle. The black bars are evenly distributed (vertically) in the blue rectangle: the gap between the blue border at the top and the first black bar should be equal to the gap between the 4th bar and the blue border at the bottom.</p> + + <div> + <table><tr><td>Test</td></tr></table> + <table><tr><td>Test</td></tr></table> + <p>Test</p> + <p>Test</p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-018-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-018-ref.xht new file mode 100644 index 0000000000..79e0168660 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-018-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {line-height: 1;} + + span + { + background-color: green; + color: white; + } + ]]></style> + + </head> + + <body> + + <div><span>Test passes if there is no red.</span></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-018.xht new file mode 100644 index 0000000000..1c30eee1b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-018.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: CSS Blocks: Effect of Bottom Padding on Inline Layout</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/008.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" /> + <link rel="match" href="blocks-018-ref.xht" /> + + <meta name="assert" content="Bottom padding on inline elements has no effect on layout."/> + <style type="text/css"> + /* reset everything to be sure we don't introduce oddities */ + div { border: 0; padding: 0; margin: 0; line-height: 1; + display: block; width: 10em; } + span { border: 0; padding: 0; margin: 0; line-height: 1; + display: inline; white-space: nowrap; } + + /* the test */ + div { background: red; } + span.control { background: green; color: white; } + span.test { padding-bottom: 10em; } + </style> + </head> + <body> + <div> + <span class="test"><span class="control">Test passes if there is no red.</span></span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-019-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-019-ref.xht new file mode 100644 index 0000000000..08100b1534 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-019-ref.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + line-height: 1; + margin-top: 12em; + } + + span + { + background-color: green; + color: white; + } + ]]></style> + + </head> + + <body> + + <div><span>Test passes if there is no red.</span></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-019.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-019.xht new file mode 100644 index 0000000000..f435219c25 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-019.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: CSS Blocks: Effect of Top Padding on Inline Layout</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/009.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" /> + <link rel="match" href="blocks-019-ref.xht" /> + + <meta name="assert" content="Top padding on inline elements has no effect on layout."/> + <style type="text/css"> + /* reset everything to be sure we don't introduce oddities */ + div { border: 0; padding: 0; margin: 0; line-height: 1; + display: block; width: 10em; } + span { border: 0; padding: 0; margin: 0; line-height: 1; + display: inline; white-space: nowrap; } + + /* the test */ + body { margin-top: 12em; } + div { background: red; } + span.control { background: green; color: white; } + span.test { padding-top: 10em; } + </style> + </head> + <body> + <div> + <span class="test"><span class="control">Test passes if there is no red.</span></span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-020-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-020-ref.xht new file mode 100644 index 0000000000..60524aa2c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-020-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 100px; + width: 300px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-020.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-020.xht new file mode 100644 index 0000000000..d6b635e018 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-020.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Block Box Model: block widths with position:relative</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/010.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/> + <link rel="match" href="blocks-020-ref.xht" /> + + <meta name="flags" content="ahem"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .outer { position: relative; width: 300px; height: 100px; background: red; } + .inner { width: 200%; height: 200%; font: 100px/1 Ahem; color: green; } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + <div class="outer"> + <div class="inner">XXX</div> + </div> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-021.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-021.xht new file mode 100644 index 0000000000..e122cd86fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-021.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Block Box Model: block widths with position:absolute</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/011.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/> + <link rel="match" href="blocks-020-ref.xht" /> + + <meta name="flags" content="ahem"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .outer { position: absolute; width: 300px; height: 100px; background: red; } + .inner { width: 200%; height: 200%; font: 100px/1 Ahem; color: green; } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + <div class="outer"> + <div class="inner">XXX</div> + </div> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-022.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-022.xht new file mode 100644 index 0000000000..4d29624feb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-022.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: CSS Block Box Model: block widths with position:static</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/012.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/> + <link rel="match" href="blocks-020-ref.xht" /> + + <meta name="flags" content="ahem"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .outer { position: static; width: 300px; height: 100px; background: red; } + .inner { width: 200%; height: 200%; font: 100px/1 Ahem; color: green; } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + <div class="outer"> + <div class="inner">XXX</div> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-025-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-025-ref.xht new file mode 100644 index 0000000000..41c701bb3e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-025-ref.xht @@ -0,0 +1,62 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body {margin-left: 2em;} + + p + { + height: 2em; + margin: 1em 0; + } + + table + { + background-color: green; + border: black solid 4px; + border-collapse: collapse; + } + + td + { + height: 80px; + padding: 0px; + width: 80px; + } + + td#top-left + { + border-bottom: black solid 8px; + border-right: black solid 8px; + } + + td#bottom-right + { + border-left: black solid 8px; + border-top: black solid 8px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 4 green squares making a green square pattern and <strong>no red</strong>.</p> + + <table> + + <tr><td id="top-left"></td><td></td></tr> + + <tr><td></td><td id="bottom-right"></td></tr> + + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-025.xht new file mode 100644 index 0000000000..d207317b99 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-025.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Percentage Dimensions in Shrink Wrap Blocks</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/015.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/> + <link rel="match" href="blocks-025-ref.xht" /> + + <style type="text/css"> + body, html { margin: 0 0 0 1em; padding: 0; } + p { margin: 1em 0; height: 2em; } + table, .float, .abspos, .fixpos { border: 0.25em solid; background: red; } + table, td { padding: 0; border-spacing: 0; } + .float { float: left; } + .fixpos { position: fixed; left: 7.5em; top: 4em; } + .abspos { position: absolute; left: 7.5em; top: 9.5em; } + .testA { width: 5em; height: 5em; background: green; } + .testB { width: 20%; height: 20%; background: red; } + </style> + </head> + <body> + <p>Test passes if there are 4 green squares making a green square pattern and <strong>no red</strong>.</p> + <table><tbody><tr><td> + <div class="testA"></div> + <div class="testB"></div> + </td></tr></tbody></table> + <div class="float"> + <div class="testA"></div> + <div class="testB"></div> + </div> + <div class="fixpos"> + <div class="testA"></div> + <div class="testB"></div> + </div> + <div class="abspos"> + <div class="testA"></div> + <div class="testB"></div> + </div> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-026-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-026-ref.xht new file mode 100644 index 0000000000..07ce72fd67 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-026-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + border: green solid 100px; + height: 300px; + width: 50%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a big filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-026.xht new file mode 100644 index 0000000000..0b626bb6f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-026.xht @@ -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 lang="en" xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Percentage widths on INPUT elements with borders</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/016.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property"/> + <link rel="match" href="blocks-026-ref.xht" /> + + <style type="text/css"> + div, div p, div input { margin: 0; border: 0; padding: 0; } + div { height: 0; } + div p, div input { width: 50%; height: 300px; } + div p { background: red; } + div input { border: 100px solid green; background: green; display: block; } + /* input should be at LEAST 50% wide, it may even be 50% + 200px if + the browser doesn't assume box-sizing: border-box. However, + there is no way the input can be narrower than the p. */ + </style> + </head> + <body> + <p>Test passes if there is a big filled green square and <strong>no red</strong>.</p> + <div><p></p></div> + <div><input /></div> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-027.xht new file mode 100644 index 0000000000..c882c867cd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-027.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//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: overconstrained horizontal box model and minimum widths</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/mozilla/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth"/> + <style type="text/css"> + .test { border-left: 2em solid; padding-left: 0; width: 3em; padding-right: 0; border-right: 2em solid; box-sizing: border-box; } + .control { border-left: none; padding-left: 0; width: 4em; padding-right: 0; border-right: none; } + .body div { background: navy; border-color: navy; height: 1em; } + </style> + </head> + <body class="body"> + <p>There must be a perfectly rectangular blue box below.</p> + <div class="test"></div> + <div class="control"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/blocks-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-028.xht new file mode 100644 index 0000000000..c8ca5f19af --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/blocks-028.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//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: overconstrained horizontal box model and minimum widths</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/mozilla/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth"/> + <style type="text/css"> + .test { border-left: none; padding-left: 2em; width: 3em; padding-right: 2em; border-right: none; box-sizing: border-box; } + .control { border-left: none; padding-left: 0; width: 4em; padding-right: 0; border-right: none; } + body div { background: navy; height: 1em; } + </style> + </head> + <body class="body"> + <p>There must be a perfectly rectangular blue box below.</p> + <div class="test"></div> + <div class="control"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order-ref.html new file mode 100644 index 0000000000..3baa038968 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<style> + #canvas { + width: 95px; + height: 95px; + } + #negative-margin { + display: inline-block; + width: 100px; + height: 100px; + background: green; + margin-left: -100px; + } +</style> +<canvas id="canvas"></canvas> +<div id="negative-margin"></div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order.html b/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order.html new file mode 100644 index 0000000000..64b3e3f014 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/canvas-paint-order.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<title>Canvas paint order</title> +<link rel="author" title="Philip Rogers" href="pdr@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html"> +<link rel="match" href="canvas-paint-order-ref.html"> +<style> + #canvas { + background: red; + width: 95px; + height: 95px; + } + #negative-margin { + display: inline-block; + width: 100px; + height: 100px; + background: green; + margin-left: -100px; + } +</style> +<canvas id="canvas"></canvas> +<!-- #negative-margin should paint fully on top of the canvas. --> +<div id="negative-margin"></div> +<script> + onload = function() { + var context = canvas.getContext("2d"); + context.save(); + context.fillStyle = "red"; + context.fillRect(0, 0, 500, 500); + context.restore(); + }; +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/child-bottom-margin-in-unresolvable-percentage-height.html b/testing/web-platform/tests/css/CSS2/normal-flow/child-bottom-margin-in-unresolvable-percentage-height.html new file mode 100644 index 0000000000..6c075f7ac7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/child-bottom-margin-in-unresolvable-percentage-height.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins"> +<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#the-height-property"> +<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1001663"> +<link rel="match" href="../../reference/ref-filled-green-100px-square.xht"> +<p>Test passes if there is a filled green square and <strong>no red</strong>.</p> +<div style="position:relative; width:100px; height:100px; background:red;"> + <div style="position:absolute; width:100%; background:green;"> + <div style="height:100%;"> + <div style="margin-bottom:80px; height:20px;"></div> + </div> + </div> +</div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-bottom.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-bottom.html new file mode 100644 index 0000000000..9dfc1963ac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-bottom.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-margin-bottom"> +<style> + #container { overflow:hidden; background:blue; } + #container > div { margin-bottom:50%; height:50px; } +</style> +<p>There should be a blue square below.</p> +<div id="container" style="width:456px;" data-expected-width="100" data-expected-height="100"> + <div></div> +</div> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/check-layout-th.js"></script> +<script> + document.body.offsetTop; + document.getElementById("container").style.width = "100px"; + checkLayout("#container"); +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-left.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-left.html new file mode 100644 index 0000000000..aa077d9ea8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-left.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-margin-left"> +<style> + #container > div { margin-left:50%; height:100px; background:blue; } +</style> +<p>There should be a blue square below.</p> +<div id="container" style="width:456px;"> + <div data-expected-width="100" data-expected-height="100"></div> +</div> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/check-layout-th.js"></script> +<script> + document.body.offsetTop; + document.getElementById("container").style.width = "200px"; + checkLayout("#container"); +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-right.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-right.html new file mode 100644 index 0000000000..9ae84bd16c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-right.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-margin-right"> +<style> + #container > div { margin-right:50%; height:100px; background:blue; } +</style> +<p>There should be a blue square below.</p> +<div id="container" style="width:456px;"> + <div data-expected-width="100" data-expected-height="100"></div> +</div> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/check-layout-th.js"></script> +<script> + document.body.offsetTop; + document.getElementById("container").style.width = "200px"; + checkLayout("#container"); +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-top.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-top.html new file mode 100644 index 0000000000..7698f27240 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-margin-top.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-margin-top"> +<style> + #container { overflow:hidden; background:blue; } + #container > div { margin-top:50%; height:50px; } +</style> +<p>There should be a blue square below.</p> +<div id="container" style="width:456px;" data-expected-width="100" data-expected-height="100"> + <div></div> +</div> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/check-layout-th.js"></script> +<script> + document.body.offsetTop; + document.getElementById("container").style.width = "100px"; + checkLayout("#container"); +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-bottom.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-bottom.html new file mode 100644 index 0000000000..5eea503005 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-bottom.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-padding-bottom"> +<style> + #container > div { padding-bottom:10%; width:100px; height:50px; background:blue; } +</style> +<p>There should be a blue square below.</p> +<div id="container" style="width:123px;"> + <div data-expected-width="100" data-expected-height="100"></div> +</div> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/check-layout-th.js"></script> +<script> + document.body.offsetTop; + document.getElementById("container").style.width = "500px"; + checkLayout("#container"); +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-left.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-left.html new file mode 100644 index 0000000000..0f793e715d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-left.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-padding-left"> +<style> + #container > div { padding-left:10%; width:50px; height:100px; background:blue; } +</style> +<p>There should be a blue square below.</p> +<div id="container" style="width:123px;"> + <div data-expected-width="100" data-expected-height="100"></div> +</div> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/check-layout-th.js"></script> +<script> + document.body.offsetTop; + document.getElementById("container").style.width = "500px"; + checkLayout("#container"); +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-right.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-right.html new file mode 100644 index 0000000000..28fd9590cd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-right.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-padding-right"> +<style> + #container > div { padding-right:10%; width:50px; height:100px; background:blue; } +</style> +<p>There should be a blue square below.</p> +<div id="container" style="width:123px;"> + <div data-expected-width="100" data-expected-height="100"></div> +</div> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/check-layout-th.js"></script> +<script> + document.body.offsetTop; + document.getElementById("container").style.width = "500px"; + checkLayout("#container"); +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-top.html b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-top.html new file mode 100644 index 0000000000..f30ace92e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/containing-block-percent-padding-top.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#propdef-padding-top"> +<style> + #container > div { padding-top:10%; width:100px; height:50px; background:blue; } +</style> +<p>There should be a blue square below.</p> +<div id="container" style="width:123px;"> + <div data-expected-width="100" data-expected-height="100"></div> +</div> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/check-layout-th.js"></script> +<script> + document.body.offsetTop; + document.getElementById("container").style.width = "500px"; + checkLayout("#container"); +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/crashtests/block-in-inline-ax-crash.html b/testing/web-platform/tests/css/CSS2/normal-flow/crashtests/block-in-inline-ax-crash.html new file mode 100644 index 0000000000..bbb484073a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/crashtests/block-in-inline-ax-crash.html @@ -0,0 +1,194 @@ +<style type="text/css"> +</style><script type="text/javascript"> +var aoScriptElements = document.getElementsByTagName("script"); +for(var i = 0; i < aoScriptElements.length; i++) { + aoScriptElements[i].parentNode.removeChild(aoScriptElements[i]); +} + var iCleanup = setInterval(function(){ + var oe = document.getElementsByTagName("*"); + for (var i = 0; i < oe.length; i++) { + var o = oe.item(i); + if (!o.firstElementChild && o != document.documentElement) { + var c = p = o.parentNode; +p.replaceChild(document.createTextNode("<"+o.tagName+">"+o.textContent+"</"+o.tagName+">"), o) + } + } + }); +function event_handler_EC9_load() { + var oElement = event.srcElement; +oElement.insertAdjacentText('beforeend', 'G@82SSS#LLLLLLLLLLLL>[[[[[[[[[a{') +oElement.textContent = '=jjjjjjr>sss(]]]]]]]]f$RRRRRR7qy' +oElement.insertAdjacentText('afterend', '%=Qiiii/m`ppJ[MMMMMMMMMMMMMMM___') +oElement.insertAdjacentElement('beforeend',function(){ + return document.createElementNS('http://www.w3.org/2000/svg', 'a'); + }()) + var oSelection=window.getSelection(); + var oRange = oSelection.rangeCount ? oSelection.getRangeAt(23 % oSelection.rangeCount) : null; + var oInsertedElement =function(){ + var oNewElement = document.createElementNS('http://www.w3.org/2000/svg', 'cursor'); + return oNewElement; + }(); +oRange.insertNode(oInsertedElement) +} +document.addEventListener("load", event_handler_EC9_load, { capture: true, once: true }); +function event_handler_ECA_DOMCharacterDataModified() { + var oElement = event.srcElement; + var oParent =function(){ + var aoElements = document.getElementsByTagName("*"); + if (aoElements.length) return aoElements[38 % aoElements.length]; + }(); + var oPreviousSibling = oParent.childNodes[31 % oParent.childNodes.length]; +oParent.insertBefore(oElement, oPreviousSibling) + var oSelection=window.getSelection(); + var oSelectionElement =function(){ + var aoElements = document.getElementsByTagName("*"); + if (aoElements.length) return aoElements[49 % aoElements.length]; + }(); + try{oSelection.extend(oSelectionElement, oSelectionElement.textContent.length?48 % oSelectionElement.textContent.length:0)} + catch(e){} + var oRange = oSelection.rangeCount ? oSelection.getRangeAt(20 % oSelection.rangeCount) : null; +var oDocumentFragment = oRange.extractContents() + var oParent =function(){ + var aoElements = document.getElementsByTagName("*"); + if (aoElements.length) return aoElements[20 % aoElements.length]; + }(); +oParent.appendChild(oDocumentFragment) +} +document.addEventListener("DOMCharacterDataModified", event_handler_ECA_DOMCharacterDataModified); +var event_handler_ECC_DOMNodeInsertedIntoDocument_active = false; +var event_handler_ECC_DOMNodeInsertedIntoDocument_fired_count = 0; +function event_handler_ECC_DOMNodeInsertedIntoDocument() { + if (event_handler_ECC_DOMNodeInsertedIntoDocument_active) return ; + event_handler_ECC_DOMNodeInsertedIntoDocument_fired_count++; + if (event_handler_ECC_DOMNodeInsertedIntoDocument_fired_count >= 20) return; + event_handler_ECC_DOMNodeInsertedIntoDocument_active = true; + var oElement = event.srcElement; +oElement.outerHTML = "" + if (oElement.parentNode) { +oElement.parentNode.replaceChild((function(){ + var aoElements = document.getElementsByTagName("*"); + return aoElements[27 % aoElements.length].cloneNode(true); + })(), oElement) + } + var oSelection=window.getSelection(); + if (!oSelection.rangeCount) { + document.execCommand("SelectAll") + } + var oRange = oSelection.rangeCount ? oSelection.getRangeAt(82 % oSelection.rangeCount) : null; +var oDocumentFragment = oRange.cloneContents() + var oParent =function(){ + var aoElements = document.getElementsByTagName("*"); + if (aoElements.length) return aoElements[23 % aoElements.length]; + }(); +oParent.appendChild(oDocumentFragment) + var oInsertedElement =function(){ + var aoElements = document.getElementsByTagName("*"); + if (aoElements.length) return aoElements[20 % aoElements.length]; + }(); + try{oRange.insertNode(oInsertedElement)} + catch(e){} + event_handler_ECC_DOMNodeInsertedIntoDocument_active = false; +} +document.addEventListener("DOMNodeInsertedIntoDocument", event_handler_ECC_DOMNodeInsertedIntoDocument, true); +setTimeout(function(){ + var oElement =function(){ + var aoElements = document.getElementsByTagName("*"); + if (aoElements.length) return aoElements[20 % aoElements.length]; + }(); +oElement.parentNode.replaceChild((function(){ + return document.createElementNS('http://www.w3.org/2000/svg', 'vkern'); + })(), oElement) + var oSelection=window.getSelection(); + var oElement =function(){ + var aoElements = document.getElementsByTagName("*"); + if (aoElements.length) return aoElements[54 % aoElements.length]; + }(); +oElement.normalize() + var oElement =function(){ + var aoElements = document.getElementsByTagName("*"); + if (aoElements.length) return aoElements[64 % aoElements.length]; + }(); +oElement.insertAdjacentElement('afterend', document.createElementNS('http://www.w3.org/2000/svg', 'feComponentTransfer')) +oSelection.modify('move', 'backward', 'word') + var oElement =function(){ + var aoElements = document.getElementsByTagName("*"); + if (aoElements.length) return aoElements[37 % aoElements.length]; + }(); +oElement.parentNode.removeChild(oElement) + var oElement =function(){ + var aoElements = document.getElementsByTagName("*"); + if (aoElements.length) return aoElements[3 % aoElements.length]; + }(); + var oParent =function(){ + var aoElements = document.getElementsByTagName("*"); + if (aoElements.length) return aoElements[53 % aoElements.length]; + }(); + var oPreviousSibling = oParent.childNodes[69 % oParent.childNodes.length]; +oParent.insertBefore(oElement, oPreviousSibling) +oParent.appendChild(oElement) +}); +</script> +<object "NAMEEB"> +<ruby="B A"> +<rb class="CLASS10 CLASS6" xml:space="preserve"> +<textarea classtabindex="-100"> +</textarea> +<em class=> +<select "ltr"> +<option class="CLASS12 CLASS6" ="disabled"> +</select> +<button class="CLASS1 CLASS12"title="x"> +<blockquote class= xml:lang="nl"> +<div class> +<form > +<div ="preserve"> +</form> +<table class="CLASS10"summary="AxBxC b"> +</table> +c AxBxC +<ruby class=> +<rbc "preserve"> +<rb class="CLASS9" xml:lang="en, nl"> +<img class=xml:space="preserve"/> +</rb> +</div> +<h1 class= title="AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA b"> +<dfn class> +</dfn> +<form > +<div "en, nl"> +<button class="CLASS9" ="ltr"> +</button> +<select class="CLASS9 CLASS14"xml:lang="nl"> +</select> +<select class= name="NAMEA2"> +</select> +<div class> +<textarea "0.5"> +</textarea> +</div> +<div class="CLASS7 CLASS13" ="A AxBxC"> +</div> +<samp class="CLASS0 CLASS12"dir="ltr"> +<textarea class= rows="-1"> +</textarea> +</samp> +<ruby class> +</ruby> +<button "disabled"> +<div class="CLASS10 CLASS7" ="c A"> +<h6 class="CLASS3"xml:space="preserve"> +</h6> +<div class=> +<button "en, nl"> +<table class="CLASS14" ="1pt"> +<caption class="CLASS2" title="b"> +<col class/> +<th "rowgroup"> +<th class="CLASS2 CLASS11" ="nl"> +<textarea class="CLASS12 CLASS10""en, nl"> +</textarea> +</table> +</button> +</em> +<select="NAMED1"> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order-ref.html new file mode 100644 index 0000000000..19624e3bbc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order-ref.html @@ -0,0 +1,4 @@ +<!DOCTYPE html> +<div style="width: 100px; height: 100px; box-sizing: border-box; + border: 30px solid lime; background: green"> +<div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order.sub.html b/testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order.sub.html new file mode 100644 index 0000000000..198d16ca06 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/cross-domain-iframe-paint-order.sub.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<title>Cross-domain iframe paint order</title> +<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html"> +<link rel="match" href="cross-domain-iframe-paint-order-ref.html"> +<style> + iframe { + display: block; + background: red; + width: 100px; + height: 100px; + padding: 30px; + border: none; + box-sizing: border-box; + } + #negative-margin { + width: 100px; + height: 100px; + background: lime; + margin-top: -100px; + } +</style> +<iframe src="http://{{hosts[alt][www]}}:{{ports[http][0]}}/css/CSS2/normal-flow/support/green.html"></iframe> +<!-- #negative-margin should paint on top of the background of the iframe + (but not the contents). --> +<div id="negative-margin"></div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/dynamic-percentage-height.html b/testing/web-platform/tests/css/CSS2/normal-flow/dynamic-percentage-height.html new file mode 100644 index 0000000000..2e995963ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/dynamic-percentage-height.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html class='reftest-wait'> +<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" /> +<meta name="assert" content="Tests a dynamic change in height correctly resizes a child element."/> +<script src="/common/reftest-wait.js"></script> +<style> +#container { + background: red; + + box-sizing: border-box; + border: solid green 10px; + width: 100px; + height: 200px; +} + +#block { + background: green; + height: 80px; +} + +#target { + height: 100%; +} +</style> +<p>Test passes if there is a filled green square.</p> +<div id="container"> + <div id="target"> + <div id="block"></div> + </div> +</div> +<script> +document.body.offsetTop; +const container = document.getElementById('container'); +container.style.height = '100px'; +document.body.offsetTop; +takeScreenshot(); +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/float-percentage-resolution-quirks-mode.html b/testing/web-platform/tests/css/CSS2/normal-flow/float-percentage-resolution-quirks-mode.html new file mode 100644 index 0000000000..a3794579f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/float-percentage-resolution-quirks-mode.html @@ -0,0 +1,10 @@ +<title>In quirks mode a float should resolve its percentage height against its first ancestor with a defined height.</title> +<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#Computing_widths_and_margins"> +<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> +<p style="margin-top: 1em;">Test passes if there is a filled green square.</p> +<div style="width:100px; height:100px; background:red;"> + <div> + <div></div> + <div style="float:left; width:100%; height:100%; background:green;"></div> + </div> +</div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-001-ref.xht new file mode 100644 index 0000000000..6d9a9e39ba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-001-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div>Filler Text</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-001.xht new file mode 100644 index 0000000000..bfe582487a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-001.xht @@ -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: Height using pixels with a minimum minus one value, -1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'height' property sets a minimum minus one length value in pixels is invalid and resets its value to 'auto'." /> + <style type="text/css"> + div + { + background: red; + height: 0; + height: -1px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-002.xht new file mode 100644 index 0000000000..6859e7b4b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-002.xht @@ -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: Height using pixels with a minimum value, 0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a minimum length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 0px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-003-ref.xht new file mode 100644 index 0000000000..6ac08cc340 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-003-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 1px; + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a thin horizontal line.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-003.xht new file mode 100644 index 0000000000..9de5d35a6e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-003.xht @@ -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: Height using pixels with a minimum plus one value, 1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-003-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a minimum plus one length value in pixels." /> + <style type="text/css"> + div + { + background: black; + height: 1px; + } + </style> + </head> + <body> + <p>Test passes if there is a thin horizontal line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-004.xht new file mode 100644 index 0000000000..06ac4e9e91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-004.xht @@ -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: Height using pixels with a negative zero value, -0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a negative zero length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: -0px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-005.xht new file mode 100644 index 0000000000..2417d7cd30 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-005.xht @@ -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: Height using pixels with a positive zero value, +0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive zero length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: +0px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-006-ref.xht new file mode 100644 index 0000000000..e15fdbada9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-006-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + img {padding-left: 4px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 black squares have the same height.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-006.xht new file mode 100644 index 0000000000..ad2ebcfa63 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-006.xht @@ -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: Height using pixels with a nominal value, 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a nominal length value in pixels." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + height: 96px; + width: 1in; + } + #div3 + { + border-top: 96px solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-007.xht new file mode 100644 index 0000000000..b9ce31f754 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-007.xht @@ -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: Height using pixels with a positive nominal value, +96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive nominal length value in pixels." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + height: +96px; + width: 1in; + } + #div3 + { + border-top: 96px solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-012.xht new file mode 100644 index 0000000000..356508b2e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-012.xht @@ -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: Height using points with a minimum minus one value, -1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'height' property sets a minimum minus one length value in points is invalid and resets its value to 'auto'." /> + <style type="text/css"> + div + { + background: red; + height: 0; + height: -1pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-013.xht new file mode 100644 index 0000000000..b5d2cd14ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-013.xht @@ -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: Height using points with a minimum value, 0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a minimum length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 0pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-014.xht new file mode 100644 index 0000000000..eb0b0faf4d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-014.xht @@ -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: Height using points with a minimum plus one value, 1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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" /> + <meta name="assert" content="The 'height' property sets a minimum plus one length value in points." /> + <style type="text/css"> + div + { + background: black; + height: 1pt; + } + </style> + </head> + <body> + <p>Test passes if there is a thin line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-015.xht new file mode 100644 index 0000000000..fbb61406ff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-015.xht @@ -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: Height using points with a negative zero value, -0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a negative zero length value in points." /> + <style type="text/css"> + div + { + background: red; + height: -0pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-016.xht new file mode 100644 index 0000000000..ae348fb953 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-016.xht @@ -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: Height using points with a positive zero value, +0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive zero length value in points." /> + <style type="text/css"> + div + { + background: red; + height: +0pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-017.xht new file mode 100644 index 0000000000..5cb24d3b0e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-017.xht @@ -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: Height using points with a nominal value, 72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a nominal length value in points." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + height: 72pt; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-018.xht new file mode 100644 index 0000000000..1b5a319cfd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-018.xht @@ -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: Height using points with a positive nominal value, +72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive nominal length value in points." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + height: +72pt; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-023.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-023.xht new file mode 100644 index 0000000000..44907e860d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-023.xht @@ -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: Height using picas with a minimum minus one value, -1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'height' property sets a minimum minus one length value in picas is invalid and resets its value to 'auto'." /> + <style type="text/css"> + div + { + background: red; + height: 0; + height: -1pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-024.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-024.xht new file mode 100644 index 0000000000..9a716598d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-024.xht @@ -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: Height using picas with a minimum value, 0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a minimum length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 0pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-025-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-025-ref.xht new file mode 100644 index 0000000000..19a0080a78 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-025-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 16px; + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a wide black bar.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-025.xht new file mode 100644 index 0000000000..cb7d85cee9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-025.xht @@ -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: Height using picas with a minimum plus one value, 1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-025-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a minimum plus one length value in picas." /> + <style type="text/css"> + div + { + background: black; + height: 1pc; + } + </style> + </head> + <body> + <p>Test passes if there is a wide black bar.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-026.xht new file mode 100644 index 0000000000..aa854efe76 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-026.xht @@ -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: Height using picas with a negative zero value, -0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a negative zero length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: -0pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-027.xht new file mode 100644 index 0000000000..a07552f518 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-027.xht @@ -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: Height using picas with a positive zero value, +0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive zero length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: +0pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-028.xht new file mode 100644 index 0000000000..083865495e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-028.xht @@ -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: Height using picas with a nominal value, 6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a nominal length value in picas." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + height: 6pc; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-029.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-029.xht new file mode 100644 index 0000000000..c707241ebe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-029.xht @@ -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: Height using picas with a positive nominal value, +6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive nominal length value in picas." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + height: +6pc; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-034.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-034.xht new file mode 100644 index 0000000000..d91a163402 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-034.xht @@ -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: Height using centimeters with a minimum minus one value, -1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'height' property sets a minimum minus one length value in centimeters is invalid and resets its value to 'auto'." /> + <style type="text/css"> + div + { + background: red; + height: 0; + height: -1cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-035.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-035.xht new file mode 100644 index 0000000000..f46d5f26a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-035.xht @@ -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: Height using centimeters with a minimum value, 0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a minimum length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 0cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-036.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-036.xht new file mode 100644 index 0000000000..b733b6bd00 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-036.xht @@ -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: Height using centimeters with a minimum plus one value, 1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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" /> + <meta name="assert" content="The 'height' property sets a minimum plus one length value in centimeters." /> + <style type="text/css"> + div + { + background: black; + height: 1cm; + } + </style> + </head> + <body> + <p>Test passes if there is a wide black bar.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-037.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-037.xht new file mode 100644 index 0000000000..17969cba68 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-037.xht @@ -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: Height using centimeters with a negative zero value, -0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a negative zero length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: -0cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-038.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-038.xht new file mode 100644 index 0000000000..5e569f5880 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-038.xht @@ -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: Height using centimeters with a positive zero value, +0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive zero length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: +0cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-039.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-039.xht new file mode 100644 index 0000000000..976f4f58c6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-039.xht @@ -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: Height using centimeters with a nominal value, 2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a nominal length value in centimeters." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + height: 2.54cm; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-040.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-040.xht new file mode 100644 index 0000000000..6e45df0f03 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-040.xht @@ -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: Height using centimeters with a positive nominal value, +2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive nominal length value in centimeters." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + height: +2.54cm; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-045.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-045.xht new file mode 100644 index 0000000000..df06066cb7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-045.xht @@ -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: Height using millimeters with a minimum minus one value, -1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'height' property sets a minimum minus one length value in millimeters is invalid and resets its value to 'auto'." /> + <style type="text/css"> + div + { + background: red; + height: 0; + height: -1mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-046.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-046.xht new file mode 100644 index 0000000000..eb9d84b827 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-046.xht @@ -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: Height using millimeters with a minimum value, 0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a minimum length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 0mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-047.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-047.xht new file mode 100644 index 0000000000..72374cd718 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-047.xht @@ -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: Height using millimeters with a minimum plus one value, 1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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" /> + <meta name="assert" content="The 'height' property sets a minimum plus one length value in millimeters." /> + <style type="text/css"> + div + { + background: black; + height: 1mm; + } + </style> + </head> + <body> + <p>Test passes if there is a line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-048.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-048.xht new file mode 100644 index 0000000000..1415779c08 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-048.xht @@ -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: Height using millimeters with a negative zero value, -0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a negative zero length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: -0mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-049.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-049.xht new file mode 100644 index 0000000000..787afb88d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-049.xht @@ -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: Height using millimeters with a positive zero value, +0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive zero length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: +0mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-050.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-050.xht new file mode 100644 index 0000000000..3e547402b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-050.xht @@ -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: Height using millimeters with a nominal value, 25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a nominal length value in millimeters." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + height: 25.4mm; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-051.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-051.xht new file mode 100644 index 0000000000..3cc037d368 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-051.xht @@ -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: Height using millimeters with a positive nominal value, +25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive nominal length value in millimeters." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + height: +25.4mm; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-056.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-056.xht new file mode 100644 index 0000000000..a984276bae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-056.xht @@ -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: Height using inches with a minimum minus one value, -1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'height' property sets a minimum minus one length value in inches is invalid and resets its value to 'auto'." /> + <style type="text/css"> + div + { + background: red; + height: 0; + height: -1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-057.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-057.xht new file mode 100644 index 0000000000..5381e3a65a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-057.xht @@ -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: Height using inches with a minimum value, 0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a minimum length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 0in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-058-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-058-ref.xht new file mode 100644 index 0000000000..35a5c1e5bb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-058-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 96px; + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a wide black rectangle.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-058.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-058.xht new file mode 100644 index 0000000000..c88f1b35d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-058.xht @@ -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: Height using inches with a minimum plus one value, 1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-058-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a minimum plus one length value in inches." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a wide black rectangle.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-059.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-059.xht new file mode 100644 index 0000000000..c97dc58db0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-059.xht @@ -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: Height using inches with a negative zero value, -0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a negative zero length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: -0in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-060.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-060.xht new file mode 100644 index 0000000000..2bedadc30a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-060.xht @@ -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: Height using inches with a positive zero value, +0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive zero length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: +0in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-061-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-061-ref.xht new file mode 100644 index 0000000000..fc3bb18861 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-061-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + img {padding-left: 4px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 black rectangles have the same height.</p> + + <div><img src="support/black96x96.png" width="96" height="288" alt="Image download support must be enabled" /><img src="support/black96x96.png" width="96" height="288" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-061.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-061.xht new file mode 100644 index 0000000000..ae198b3a5b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-061.xht @@ -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: Height using inches with a nominal value, 3in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-061-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a nominal length value in inches." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + height: 3in; + width: 1in; + } + #div3 + { + border-top: 3in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-062.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-062.xht new file mode 100644 index 0000000000..0ee4bff6c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-062.xht @@ -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: Height using inches with a positive nominal value, +3in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-061-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive nominal length value in inches." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + height: +3in; + width: 1in; + } + #div3 + { + border-top: 3in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-067-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-067-ref.xht new file mode 100644 index 0000000000..35b9fc6c50 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-067-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div {font: 20px/1 Ahem;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div>Filler Text</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-067.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-067.xht new file mode 100644 index 0000000000..2c276379a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-067.xht @@ -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: Height using 'em' units with a minimum minus one value, -1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'height' property sets a minimum minus one length value in 'em' units is invalid and resets its value to 'auto'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 0; + height: -1em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-068.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-068.xht new file mode 100644 index 0000000000..4e06c3d85c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-068.xht @@ -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: Height using 'em' units with a minimum value, 0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' property sets a minimum length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 0em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-069-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-069-ref.xht new file mode 100644 index 0000000000..694fbb6d7f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-069-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 20px; + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a wide black bar.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-069.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-069.xht new file mode 100644 index 0000000000..5ca87865e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-069.xht @@ -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: Height using 'em' units with a minimum plus one value, 1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-069-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' property sets a minimum plus one length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: black; + font: 20px/1 Ahem; + height: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is a wide black bar.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-070.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-070.xht new file mode 100644 index 0000000000..721e7b3abf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-070.xht @@ -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: Height using 'em' units with a negative zero value, -0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' property sets a negative zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: -0em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-071.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-071.xht new file mode 100644 index 0000000000..11777e1432 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-071.xht @@ -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: Height using 'em' units with a positive zero value, +0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' property sets a positive zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: +0em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-072-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-072-ref.xht new file mode 100644 index 0000000000..b51af2abcf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-072-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + img {padding-left: 4px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 black squares have the same height.</p> + + <div><img src="support/black96x96.png" width="100" height="100" alt="Image download support must be enabled" /><img src="support/black96x96.png" width="100" height="100" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-072.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-072.xht new file mode 100644 index 0000000000..add8a800ff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-072.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height using 'em' units with a nominal value, 5em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-072-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' property sets a nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + } + #div2 + { + background: black; + height: 5em; + width: 100px; + } + #div3 + { + border-top: 100px solid black; + left: 104px; + position: absolute; + top: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-073.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-073.xht new file mode 100644 index 0000000000..df8ae287b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-073.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height using 'em' units with a positive nominal value, +5em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-072-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' property sets a positive nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + } + #div2 + { + background: black; + height: +5em; + width: 100px; + } + #div3 + { + border-top: 100px solid black; + left: 104px; + position: absolute; + top: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-078.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-078.xht new file mode 100644 index 0000000000..eec2c5f89a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-078.xht @@ -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: Height using 'ex' units with a minimum minus one value, -1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'height' property sets a minimum minus one length value in 'ex' units is invalid and resets its value to 'auto'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 0; + height: -1ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-079.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-079.xht new file mode 100644 index 0000000000..7ec17f8e2b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-079.xht @@ -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: Height using 'ex' units with a minimum value, 0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' property sets a minimum length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 0ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-080-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-080-ref.xht new file mode 100644 index 0000000000..19a0080a78 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-080-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 16px; + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a wide black bar.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-080.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-080.xht new file mode 100644 index 0000000000..10a46239e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-080.xht @@ -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: Height using 'ex' units with a minimum plus one value, 1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-080-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' property sets a minimum plus one length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: black; + font: 20px/1 Ahem; + height: 1ex; + } + </style> + </head> + <body> + <p>Test passes if there is a wide black bar.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-081.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-081.xht new file mode 100644 index 0000000000..7bf1540835 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-081.xht @@ -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: Height using 'ex' units with a negative zero value, -0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' property sets a negative zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: -0ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-082.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-082.xht new file mode 100644 index 0000000000..84efec108b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-082.xht @@ -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: Height using 'ex' units with a positive zero value, +0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' property sets a positive zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: +0ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-083.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-083.xht new file mode 100644 index 0000000000..42d705441c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-083.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height using 'ex' units with a nominal value, 6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' property sets a nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + } + #div2 + { + background: black; + height: 6ex; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-084.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-084.xht new file mode 100644 index 0000000000..23e80c73c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-084.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height using 'ex' units with a positive nominal value, +6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'height' property sets a positive nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + } + #div2 + { + background: black; + height: +6ex; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-089.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-089.xht new file mode 100644 index 0000000000..2b644883f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-089.xht @@ -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: Height using percentages with a minimum minus one value, -1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'height' property sets a minimum minus one length value in percentages is invalid and resets its value to 'auto'." /> + <style type="text/css"> + div + { + background: red; + height: 0; + height: -1%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-090.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-090.xht new file mode 100644 index 0000000000..96b258eb48 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-090.xht @@ -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: Height using percentages with a minimum value, 0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a minimum length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + } + div div + { + background: red; + height: 0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-091.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-091.xht new file mode 100644 index 0000000000..f052388013 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-091.xht @@ -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: Height using percentages with a minimum plus one value, 1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-003-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a minimum plus one length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 100px; + } + div div + { + background: black; + height: 1%; + } + </style> + </head> + <body> + <p>Test passes if there is a thin horizontal line.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-092.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-092.xht new file mode 100644 index 0000000000..707f0f8350 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-092.xht @@ -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: Height using percentages with a negative zero value, -0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a negative zero length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + } + div div + { + background: red; + height: -0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-093.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-093.xht new file mode 100644 index 0000000000..db530c86b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-093.xht @@ -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: Height using percentages with a positive zero value, +0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive zero length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + } + #div2 + { + background: red; + height: +0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div id="div2">Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-094.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-094.xht new file mode 100644 index 0000000000..563b65bc23 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-094.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height using percentages with a nominal value, 100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a nominal length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + position: relative; + } + #div2 + { + background: black; + height: 100%; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-095.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-095.xht new file mode 100644 index 0000000000..0e68844504 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-095.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height using percentages with a positive nominal value, +100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'height' property sets a positive nominal length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + position: relative; + } + #div2 + { + background: black; + height: +100%; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-100.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-100.xht new file mode 100644 index 0000000000..0a10350079 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-100.xht @@ -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: Height with a negative zero value and no units, -0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'height' property sets a negative zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: -0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-101.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-101.xht new file mode 100644 index 0000000000..62916250de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-101.xht @@ -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: Height with a zero value and no units, 0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'height' property sets a zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-102.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-102.xht new file mode 100644 index 0000000000..e4b5d88b5a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-102.xht @@ -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: Height with a positive zero value and no units, +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'height' property sets a positive zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: +0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-103.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-103.xht new file mode 100644 index 0000000000..4ea3e175bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-103.xht @@ -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: Height set to a value of auto</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'height' property applies a value of auto." /> + <style type="text/css"> + div + { + background: red; + height: auto; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-104.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-104.xht new file mode 100644 index 0000000000..e234cd9fa1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-104.xht @@ -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: Height set to inherit</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-003-ref.xht" /> + + <meta name="assert" content="The 'height' property properly inherits the height value of the parent." /> + <style type="text/css"> + #div1 + { + height: 1px; + } + div div + { + background: black; + height: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is a thin horizontal line.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-111-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-111-ref.xht new file mode 100644 index 0000000000..f68a0f0a27 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-111-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 3em; + width: 15em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-111.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-111.xht new file mode 100644 index 0000000000..24588842c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-111.xht @@ -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" lang="en"> + <head> + <title>CSS Test: Nested heights</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" /> + <link rel="match" href="height-111-ref.xht" /> + + <style type="text/css"> + .a { height: 3em; background: red; width: 15em; } + .b { height: 3em; background: green; margin: 0 0 10em 0; } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div class="a"> + <div class="b"> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-112-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-112-ref.xht new file mode 100644 index 0000000000..5f04a30318 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-112-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + border: black solid medium; + height: 3em; + width: 15em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-112.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-112.xht new file mode 100644 index 0000000000..f453e46d1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-112.xht @@ -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" lang="en"> + <head> + <title>CSS Test: Nested heights</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" /> + <link rel="match" href="height-112-ref.xht" /> + + <style type="text/css"> + .a { height: 3em; background: red; width: 15em; border: solid; } + .b { height: 3em; background: green; margin: 0 0 10em 0; } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div class="a"> + <div class="b"> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-113-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-113-ref.xht new file mode 100644 index 0000000000..d89c979f28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-113-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 10em; + margin: 6em auto auto 5em; + width: 10em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-113.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-113.xht new file mode 100644 index 0000000000..74a3c2997f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-113.xht @@ -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" lang="en"> + <head> + <title>CSS Test: Nested heights with percentages and borders</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" /> + <link rel="match" href="height-113-ref.xht" /> + + <style type="text/css"> + .a { height: 10em; width: 10em; background: red; border: 5em white solid; } + .b { height: 100%; background: green; } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div class="a"> + <div class="b"> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-114-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-114-ref.xht new file mode 100644 index 0000000000..e5a5e77631 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-114-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 32px; + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a wide green bar and <strong>no red</strong>.</p> + + <div><img src="support/1x1-green.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-114.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-114.xht new file mode 100644 index 0000000000..a73c64180e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-114.xht @@ -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: Negative heights</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/004.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" /> + <link rel="match" href="height-114-ref.xht" /> + + <style type="text/css"> + .outer { background: red; height: 2em; } + .test { border-top: solid green 1em; border-bottom: solid green 1em; background: red; } + .inner { margin-bottom: -10em; } + </style> + </head> + <body> + <p>Test passes if there is a wide green bar and <strong>no red</strong>.</p> + <div class="outer"> + <div class="test"> + <div class="inner"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-001.xht new file mode 100644 index 0000000000..124bd67b2a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-001.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height applied to elements with 'display' set to 'table-row-group'</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" /> + <meta name="flags" content="may" /> + <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + display: table-row-group; + background: black; + height: 1in; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <!-- If 'height' is supported on 'table-row-group' then a square will be visible. --> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-002.xht new file mode 100644 index 0000000000..7355752c3c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-002.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height applied to elements with 'display' set to 'table-header-group'</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" /> + <meta name="flags" content="may" /> + <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + display: table-header-group; + background: black; + height: 1in; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <!-- If 'height' is supported on 'table-header-group' then a square will be visible. --> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-003.xht new file mode 100644 index 0000000000..3af89edc6b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-003.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height applied to elements with 'display' set to 'table-footer-group'</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" /> + <meta name="flags" content="may" /> + <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + display: table-footer-group; + background: black; + height: 1in; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <!-- If 'height' is supported on 'table-footer-group' then a square will be visible. --> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-004.xht new file mode 100644 index 0000000000..1cf1e9d9df --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-004.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + #row + { + display: table-row; + height: 1in; + } + #cell + { + background: black; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-005.xht new file mode 100644 index 0000000000..0ebf0a32fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-005.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'height' property does not to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + display: table-column-group; + height: 1in; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + background: red; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-006.xht new file mode 100644 index 0000000000..b63846dd3d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-006.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'height' property does not to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + display: table-column; + height: 1in; + width: 1in; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + background: red; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-007.xht new file mode 100644 index 0000000000..6d33bf2d73 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-007.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-008.xht new file mode 100644 index 0000000000..764d6f6516 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-008.xht @@ -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: Height applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'height' property does not apply to elements with 'display' set to 'inline'." /> + <style type="text/css"> + div + { + background: red; + display: inline; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-009.xht new file mode 100644 index 0000000000..c962c949ec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-009.xht @@ -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: Height applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + background: black; + display: block; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-010.xht new file mode 100644 index 0000000000..c01583400d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-010.xht @@ -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 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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" /> + <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + background: black; + display: list-item; + height: 1in; + margin-left: 2em; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-012.xht new file mode 100644 index 0000000000..7bf8a83065 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-012.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + span#inline-block + { + background: black; + display: inline-block; + height: 1in; + } + + span.block-descendant + { + display: block; + width: 1in; + } + + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div> + <span id="inline-block"> + <span class="block-descendant"></span> + <span class="block-descendant"></span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-013.xht new file mode 100644 index 0000000000..87518b66a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-013.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + height: 1in; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-014.xht new file mode 100644 index 0000000000..92e87cef15 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-014.xht @@ -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: Height applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + display: inline-table; + height: 1in; + table-layout: fixed; + vertical-align: top; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-015.xht new file mode 100644 index 0000000000..1a720f5c39 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-015.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Height applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #table + { + display: table; + width: 1in; + } + #caption + { + background: black; + display: table-caption; + height: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-016.xht new file mode 100644 index 0000000000..2a35beebe2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-applies-to-016.xht @@ -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: Height applied to elements set to 'display: none'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="Height can be applied to 'display: none' elements." /> + <style type="text/css"> + div div + { + display: none; + height: 1in; + } + div + { + background: red; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-inherit-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-inherit-001.xht new file mode 100644 index 0000000000..9193b28496 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-inherit-001.xht @@ -0,0 +1,38 @@ +<!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: Inheriting Explicit Heights</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#inherit"/> + <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#inherit"/> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="The computed height is inherited, even if + the 'height' property does not apply."/> + <style type="text/css"><![CDATA[ + .container { + height: 100px; + width: 100px; + background: red; + } + .outer { + height: 100px; + } + .inner { + display: block; + height: inherit; + background: green; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div class="container"> + <div><span class="outer"><span class="inner"></span></span></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001-ref.xht new file mode 100644 index 0000000000..a751e77a89 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + + <div><img src="support/swatch-blue.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001.xht new file mode 100644 index 0000000000..62b48051c4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-001.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Percentage height computed to containing block</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-percentage-001-ref.xht" /> + + <meta name="assert" content="A percentage height is calculated using the height of the containing block." /> + <style type="text/css"> + #div1 + { + height: 2in; + } + div div + { + width: 1in; + } + #div2 + { + background: blue; + height: 50%; + } + #div3 + { + background: orange; + height: 1in; + left: 1in; + position: relative; + top: -1in; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-002.xht new file mode 100644 index 0000000000..e0f153e232 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-002.xht @@ -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: Percentage based 'height' computes to 'auto' when containing block has no specified height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="A percentage height is computed to 'auto' when the element is not absolutely positioned and there is no 'height' explicitly set on the containing block (or when the containing block's height is set to 'auto')." /> + <style type="text/css"> + div + { + width: 1in; + } + #div1 + { + color: white; + } + div div + { + background: red; + height: 50%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1">Text sample + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003-ref.xht new file mode 100644 index 0000000000..ccc1daeddb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + left: 0px; + position: absolute; + top: 50%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if a blue line is in the middle of the page.</p> + + <div><img src="support/swatch-blue.png" width="100%" height="3" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003.xht new file mode 100644 index 0000000000..815bdcaebc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-003.xht @@ -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: Percentage based 'height' on the root element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <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="height-percentage-003-ref.xht" /> + + <meta name="assert" content="A percentage 'height' on the root element is relative to the initial containing block." /> + <style type="text/css"> + html + { + border-bottom: 3px solid blue; + height: 50%; + } + </style> + </head> + <body> + <p>Test passes if a blue line is in the middle of the page.</p> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-004.xht new file mode 100644 index 0000000000..85940a6732 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-004.xht @@ -0,0 +1,53 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Resolving container heights when they contain absolutely positioned elements with percentage based heights</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" /> + <link rel="match" href="height-percentage-001-ref.xht" /> + + <meta name="assert" content="The 'height' of the containing block of an absolutely positioned element is independent of the size of the element itself." /> + <style type="text/css"> + #div1 + { + height: auto; + position: relative; + } + #div1, #div3 + { + width: 2in; + } + #div2 + { + background: blue; + position: absolute; + height: 50%; + } + #div2, #div4 + { + width: 1in; + } + #div3 + { + height: 2in; + } + #div4 + { + background: orange; + height: 1in; + left: 1in; + position: absolute; + top: 0; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + <div id="div4"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-005.xht new file mode 100644 index 0000000000..6931f06a21 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/height-percentage-005.xht @@ -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> + + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Test: height percentage - inline replaced element inside an auto-height container</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <!-- + Original post: + Image % sizing interoperability + from Bogdan Brinza who deserves credit for reporting this + http://lists.w3.org/Archives/Public/www-style/2014Jun/0079.html + --> + + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" title="10.5 Content height: the 'height' property" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2014Jun/0079.html" title="Image % sizing interoperability" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta content="image" name="flags" /> + <meta content="This test checks that an height percentage is calculated with respect to the height of the generated box's containing block only if and only when such containing block's height is specified explicitly (i.e., it depends on content height; its specified height is not 'auto'). In this test, the div#parent has an 'auto' height; therefore the height percentage specified on div#child is treated as 'auto' and so the image should be rendered (entirely visible) inside that div#child. Note that div#grandparent's initial overflow value is 'visible'." name="assert" /> + + <style type="text/css"><![CDATA[ + div#grandparent {height: 0px;} + + div#child, img {height: 100%;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled black square.</p> + + <div id="grandparent"> + <div id="parent"> + <div id="child"> + <img src="support/black96x96.png" alt="Image download support must be enabled" /> + </div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/hit-test-anonymous-block.html b/testing/web-platform/tests/css/CSS2/normal-flow/hit-test-anonymous-block.html new file mode 100644 index 0000000000..aee36a6253 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/hit-test-anonymous-block.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#anonymous-block-level"> +<div id="target" style="width:300px; height:300px; line-height:100px;"> + + <div></div> +</div> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script> + test(()=> { + var elm = document.elementFromPoint(200, 70); + assert_equals(elm.id, "target"); + }, "Hit test beside line of text inside anonymous block"); +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000-ref.xht new file mode 100644 index 0000000000..b123f7221c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000-ref.xht @@ -0,0 +1,10 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-block test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +</head> +<body> +<p>abc</p> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000.xht new file mode 100644 index 0000000000..7a985d7eb2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-000.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Test for inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" /> +<meta name="assert" content="This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element." /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" /> +<link rel="match" href="inline-block-000-ref.xht"/> +<meta name="assert" content="The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge." /> +<style type="text/css"> +span { display: inline-block; } +</style> +</head> +<body> +<p>a<span>b</span>c</p> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-001.xht new file mode 100644 index 0000000000..648ec94436 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-001.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//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: inline-block: ping test</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline-block/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" /> + <style type="text/css"> + p { font: 1em/1 "Lucida Console", monospace; } + span { display: inline-block; + color: blue; + border: 1em solid; padding: 0 1em 1em; } + </style> + </head> + <body> + <p>This test has: <span> _ __ __ _ _ <br/>|_)/\ (_ (_ |_| \<br/>| /--\__)__)|_|_/</span></p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-002.xht new file mode 100644 index 0000000000..2d93d59748 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-002.xht @@ -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" lang="en"> + <head> + <title>CSS Test: inline-block: width</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline-block/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" /> + <meta name="flags" content="interact"/> + <style type="text/css"> + span { display: inline-block; + border: blue solid; color: silver; + margin: 0.5em; padding: 0.5em; } + </style> + </head> + <body> + <p> Make your window an inch or two bigger than than the width of + one inline-block: all inline-blocks should be the same size. Try + resizing the window so that inline-blocks wrap in one or two + columns. </p> + <p> + <span>this is an inline-block this is an inline-block this is an inline-block </span> + <span>this is an inline-block this is an inline-block this is an inline-block </span> + <span>this is an inline-block this is an inline-block this is an inline-block </span> + <span>this is an inline-block this is an inline-block this is an inline-block </span> + <span>this is an inline-block this is an inline-block this is an inline-block </span> + <span>this is an inline-block this is an inline-block this is an inline-block </span> + <span>this is an inline-block this is an inline-block this is an inline-block </span> + <span>this is an inline-block this is an inline-block this is an inline-block </span> + <span>this is an inline-block this is an inline-block this is an inline-block </span> + <span>this is an inline-block this is an inline-block this is an inline-block </span> + <span>this is an inline-block this is an inline-block this is an inline-block </span> + <span>this is an inline-block this is an inline-block this is an inline-block </span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-003.xht new file mode 100644 index 0000000000..110c23372d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-003.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + <title>CSS Test: inline-block: width</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-08 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline-block/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" /> + <meta name="flags" content="interact"/> + <style type="text/css"> + span { display: inline-block; + border: solid blue; color: silver; + margin: 0.5em; padding: 0.5em; } + </style> + </head> + <body> + <p> Make your window slightly wider than the width of one blue box: + all boxes should be the same size. Try increasing the window width + so that boxes wrap in two or more columns: the boxes should remain + the same size. Try reducing the window width to less than the width + of one blue box: the words inside the boxes should wrap and the boxes + resize around them so that the boxes continue to fit inside the window. </p> + <p>There is filler text in the first line, it should merely indent the first line + but not affect the resulting size.</p> + <p> + (filler text) + <span>this is filler text inside an inline block</span> + <span>this is filler text inside an inline block</span> + <span>this is filler text inside an inline block</span> + <span>this is filler text inside an inline block</span> + <span>this is filler text inside an inline block</span> + <span>this is filler text inside an inline block</span> + <span>this is filler text inside an inline block</span> + <span>this is filler text inside an inline block</span> + <span>this is filler text inside an inline block</span> + <span>this is filler text inside an inline block</span> + <span>this is filler text inside an inline block</span> + <span>this is filler text inside an inline block</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-004.xht new file mode 100644 index 0000000000..687cb69bec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-004.xht @@ -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" lang="en"> + <head> + <title>CSS Test: inline-block: width</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline-block/004.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" /> + <meta name="flags" content="interact"/> + <style type="text/css"> + html:before { content: ""; position: absolute; width: 598px; height: 598px; border: solid thin; } + p { text-indent: 5em; } + span { text-indent: 0; display: inline-block; + border: blue solid; color: silver; + margin: 0.5em; padding: 0.5em; } + </style> + </head> + <body> + <p> Make your window an inch or two bigger than than the width of + one inline-block. All inline-blocks should be the same size. Try + resizing the window so that inline-blocks wrap in one or two + columns. </p> + <p>The first line is indented. Therefore, the first block on the first line, if the + line is short enough, should end up wrapping onto two lines internally. The other boxes + should be the same size <a href="002.html">as they were without the indent</a>.</p> + <p> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-005.xht new file mode 100644 index 0000000000..e710e4974f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-005.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + <title>CSS Test: inline-block: width</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline-block/005.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" /> + <meta name="flags" content="interact"/> + <style type="text/css"> + p { text-indent: 5em; } + span { display: inline-block; + border: blue solid; color: silver; + margin: 0.5em; padding: 0.5em 5em 0.5em 0;; } + </style> + </head> + <body> + <p> Make your window an inch or two bigger than than the width of + one inline-block. All inline-blocks should be the same size. Try + resizing the window so that inline-blocks wrap in one or two + columns. </p> + <p>The first line is indented. Therefore, the first block on the first line, if the + line is short enough, should end up wrapping onto two lines internally. In addition + each inline-block has 5em indentation on the left and 5em padding on the right, + which should make no difference except that the boxes should be slightly wider than + <a href="002.html">before</a>. They shouldn't wrap particularily more than before.</p> + <p> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + <span>this is an inline-block this is an inline-block</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001-ref.xht new file mode 100644 index 0000000000..a42f6c5ca6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-block test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +div { width: 10em; background: green; color: white; } +</style> +</head> +<body> +<div>Test<br />Test</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001.xht new file mode 100644 index 0000000000..2b194b196f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-001.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for height:auto on inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> +<link rel="match" href="inline-block-height-001-ref.xht"/> +<style type="text/css"> +div { display: inline-block; width: 10em; background: green; color: white; } +</style> +</head> +<body> +<div>Test<br />Test</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002-ref.xht new file mode 100644 index 0000000000..c0fdc8c565 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-block test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +div { height: 5em; width:10em; background: green; color: white; } +</style> +</head> +<body> +<div>test</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002.xht new file mode 100644 index 0000000000..c0181dc54f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-height-002.xht @@ -0,0 +1,15 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for height:<length> on inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> +<link rel="match" href="inline-block-height-002-ref.xht"/> +<style type="text/css"> +div { display: inline-block; height: 5em; width:10em; vertical-align: baseline; background: green; color: white; } +</style> +</head> +<body> +<div>test</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-001.xht new file mode 100644 index 0000000000..9c71cd4e52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-001.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline-block non-replaced element with 'margin-top', margin-bottom' set to 'auto' and 'height' relying on the descendants</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-10 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-root-margin" /> + <link rel="match" href="height-percentage-001-ref.xht" /> + + <meta name="assert" content="If 'height' is 'auto' on an inline-block non-replaced element then the 'height' depends on the descendants." /> + <style type="text/css"> + #div1 + { + position: relative; + } + #div2 + { + background: blue; + display: inline-block; + } + #div2 div, #div3 + { + height: 1in; + width: 1in; + } + #div3 + { + background: orange; + left: 1in; + position: absolute; + top: 0; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + <div id="div1"> + <div id="div2"> + <div></div> + </div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-002.xht new file mode 100644 index 0000000000..60afcd0047 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-height-002.xht @@ -0,0 +1,59 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Inline-block non-replaced elements' margin box is used for the height of the line box</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-root-margin" /> + <link rel="match" href="height-percentage-001-ref.xht" /> + + <meta name="assert" content="Inline-block non-replaced elements use the margin box for sizing the height of the line box." /> + <style type="text/css"> + #div1 + { + line-height: 0; + position: relative; + } + #div2 + { + background: blue; + } + + /* + The test relies and assumes that div#div2's + computed height will be and should be + equal to the its used line box height since it has + only 1 inline-level element which is contributing to + determine its line box height. + */ + + #div2 div + { + display: inline-block; + height: 0; + margin: 0.5in 0; + } + div div + { + width: 1in; + } + #div3 + { + background: orange; + left: 1in; + height: 1in; + position: absolute; + top: 0; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + <div id="div1"> + <div id="div2"> + <div></div> + </div> + <div id="div3"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001-ref.xht new file mode 100644 index 0000000000..633a9bcb98 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div><img src="support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001.xht new file mode 100644 index 0000000000..a7a14c93c4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-001.xht @@ -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: Inline-block non-replaced elements shrink-to-fit</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" /> + <link rel="match" href="inline-block-non-replaced-width-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="If 'width' is 'auto' then 'inline-block' elements shrink-to-fit." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background-color: red; + color: blue; + display: inline-block; + font: 100px/1 Ahem; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002-ref.xht new file mode 100644 index 0000000000..7e1c7effda --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + height: 200px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square and there is <strong>no red</strong>.</p> + + <div><img src="support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002.xht new file mode 100644 index 0000000000..20b36c9d83 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-002.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline-block non-replaced elements with 'margin-left' and 'margin-right' set to 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" /> + <link rel="match" href="inline-block-non-replaced-width-002-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="When 'margin-left' and 'margin-right' are set to 'auto' the used value becomes '0'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 200px; + width: 200px; + } + div div + { + background-color: red; + color: blue; + display: inline-block; + font: 100px/1 Ahem; + margin-left: auto; + margin-right: auto; + } + </style> + </head> + <body> + <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square and there is <strong>no red</strong>.</p> + <div id="div1"> + <div>X</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-003.xht new file mode 100644 index 0000000000..eb24c6ff46 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-003.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: 'shrink-to-fit' width of inline-block non-replaced elements - max-width</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" /> + <link rel="help" title="Section 10.3.9 Width of 'inline-block', non-replaced elements in normal flow" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="match" href="../positioning/absolute-non-replaced-width-017-ref.xht" /> + <meta content="If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" /> + <meta content="ahem" name="flags" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + background-color: red; + display: inline-block; + font: 30px/4 Ahem; + width: auto; + } + + span + { + background-color: green; + display: inline-block; + max-width: 4em; + } + ]]></style> + + </head> + + <body> + + <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p> + + <div><span>12345678</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-004.xht new file mode 100644 index 0000000000..4f105a662a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-004.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: 'shrink-to-fit' width of inline-block non-replaced elements - max-width</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Daniel Schattenkirchner" href="mailto:crazy-daniel@gmx.de" /> + <link rel="help" title="Section 10.3.9 Width of 'inline-block', non-replaced elements in normal flow" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="match" href="../positioning/absolute-non-replaced-width-017-ref.xht" /> + <meta content="If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" /> + <meta content="ahem" name="flags" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + background-color: red; + display: inline-block; + font: 30px/4 Ahem; + width: auto; + } + + div > div + { + background-color: green; + max-width: 4em; + } + ]]></style> + + </head> + + <body> + + <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it toward the right. There should be no red in this page.</p> + + <div> + <div>12345678</div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-005.xht new file mode 100644 index 0000000000..492a62efe8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-non-replaced-width-005.xht @@ -0,0 +1,63 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: width - non-replaced inline-block with scrollbar and percentage height of inline replaced child</title> + + <!-- + Credits should go to Erik Brown for discovering and originally reporting a similar test + --> + + <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1281713" title="Bug 1281713: intrinsic width of parent with overflow-x:scroll not computing correctly with child image with height:100%" /> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" title="11.1.1 Overflow: the 'overflow' property" href="https://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="help" title="10.3.2 Inline, replaced elements" href="https://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="help" title="10.3.5 Floating, non-replaced elements" href="https://www.w3.org/TR/CSS21/visudet.html#float-width" /> + + <meta name="DC.date.created" content="2016-06-23T09:54:03+11:00" scheme="W3CDTF" /> + <meta name="DC.date.modified" content="2016-07-06T09:54:03+11:00" scheme="W3CDTF" /> + + <!-- + Siblings of this test are: + float-non-replaced-width-013 + absolute-non-replaced-width-028 + --> + + <meta content="image scroll" name="flags" /> + <meta content="This test checks interaction of percentage height of an inline replaced element with its parent having scrollbars and with the parent's width determined by 'shrink-to-fit' width algorithm. In this test, the image height should be 100px minus scrollbar height since space taken up by generated scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. Then the width of parent should be (used image height == 100px minus scrollbar) * (intrinsic ratio == 5width:1height)." name="assert" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: red; + display: inline-block; /* or float: left; */ /* or position: absolute; */ + height: 100px; + overflow: scroll; + } + + img + { + height: 100%; + vertical-align: bottom; + /* + This 'vertical-align: bottom' declaration is not part of the test. + We 'baseline-align' the image at the bottom of the line box so + that the vertical scrollbar remains inactive. + */ + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test does not apply to such user agent.</p> + + <p>Test passes if there is a filled green rectangle with inactive scrollbars and <strong>no red</strong>.</p> + + <div><img src="support/green-rectangle-50wideBy10tall.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-001.xht new file mode 100644 index 0000000000..bde599a336 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-001.xht @@ -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: Inline-block replaced elements with 'margin-top' and 'margin-bottom' as 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="An inline-block replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'." /> + <style type="text/css"> + div + { + border-bottom: solid orange; + border-top: solid orange; + line-height: 0; + width: 1in; + } + img + { + display: inline-block; + margin-top: auto; + margin-bottom: auto; + } + </style> + </head> + <body> + <p>Test passes if there is no white space between the blue square and the orange lines.</p> + <div> + <img alt="blue 15x15" src="support/blue15x15.png" /> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-002.xht new file mode 100644 index 0000000000..b6753412d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-002.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Inline-block replaced elements relying on intrinsic height dimensions</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The used value of 'height' is the intrinsic height when an inline-block replaced element has an intrinsic height and 'width' computed as 'auto'." /> + <style type="text/css"> + div + { + line-height: 0; + position: relative; + } + div div + { + background: orange; + height: 15px; + left: 15px; + position: absolute; + top: 0; + width: 15px; + } + img + { + display: inline-block; + height: auto; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + <div> + <img alt="blue 15x15" src="support/blue15x15.png" /> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003-ref.xht new file mode 100644 index 0000000000..a48ff08fe7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + + <div><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003.xht new file mode 100644 index 0000000000..0ee4bc0ceb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-003.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline-block replaced elements with intrinsic ratio and 'height' set to 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="inline-block-replaced-height-003-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'height' is the used width divided by the intrinsic ratio when an inline-block replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified." /> + <style type="text/css"> + div + { + line-height: 0; + position: relative; + } + div div + { + background: orange; + height: 1in; + left: 1in; + position: absolute; + top: 0; + } + img + { + display: inline; + height: auto; + } + div div, img + { + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + <div> + <img alt="blue 15x15" src="support/blue15x15.png" /> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-004.xht new file mode 100644 index 0000000000..d477ba09e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-004.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline-block replaced element without intrinsic ratio and 'height' set to 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-004-ref.xht" /> + + <meta name="assert" content="For inline-block replaced element that has no intrinsic ratio and a 'height' set to 'auto', the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." /> + <style type="text/css"> + div + { + position: relative; + } + div div + { + border: solid green; + height: 150px; + position: absolute; + top: 0; + width: 300px; + } + iframe + { + border: solid red; + display: inline-block; + height: auto; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <iframe></iframe> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-005.xht new file mode 100644 index 0000000000..5307bad752 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-005.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline-block replaced elements with percentage based intrinsic height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-005-ref.xht" /> + + <meta name="assert" content="An inline-block replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified." /> + <style type="text/css"> + #div1 + { + position: relative; + height: 2in; + } + div div + { + border: solid green; + height: 1in; + position: absolute; + top: 0; + width: 300px; + } + iframe + { + border: solid red; + display: inline-block; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <iframe height="50%"></iframe> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-006.xht new file mode 100644 index 0000000000..fc5e234900 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-006.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> + <head> + <title>CSS Test: Absolutely positioned inline-block replaced elements with percentage based height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-006-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="An inline-block replaced element with a percentage height resolves based on the containing block when the replaced element is absolutely positioned." /> + <style type="text/css"> + #div1 + { + position: relative; + height: 2in; + } + div div + { + background: orange; + height: 1in; + left: 200px; + position: absolute; + top: 0; + width: 200px; + } + svg + { + display: inline-block; + position: absolute; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p> + <div id="div1"> + <svg:svg version="1.1" height="50%" baseProfile="full"> + <svg:rect x="0" y="0" width="200" height="100" fill="blue" /> + </svg:svg> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-007.xht new file mode 100644 index 0000000000..a14dd8a9cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-007.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline-block replaced element with percentage based height that cannot be resolved</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-004-ref.xht" /> + + <meta name="assert" content="An inline-block replaced element with a percentage height that cannot be resolved will have its 'height' value computed to 'auto'. In which case, if such inline-block replaced element's 'height' has a computed value of 'auto' and no intrinsic ratio, then the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." /> + + <style type="text/css"> + #div1 + { + position: relative; + } + div div + { + border: solid green; + height: 150px; + position: absolute; + top: 0; + width: 300px; + } + iframe + { + border: solid red; + display: inline-block; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <iframe height="50%"></iframe> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-008.xht new file mode 100644 index 0000000000..aed67238c2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-008.xht @@ -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: 'inline-block' replaced elements in normal flow - specified width, height in percentages and intrinsic ratio</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements" /> + <link rel="bookmark" href="https://bugs.kde.org/show_bug.cgi?id=274790" title= + "Bug 274790: object specified with width and height percentages and with intrinsic ratio" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <meta content="image interact" name="flags" /> + <meta content="When 'height: 1%' (or any other percentage) applies to an 'inline-block' replaced element and when the height of its containing block is not specified explicitly (i.e., it depends on content height), then such height computes to 'auto'. Then, if such inline-block replaced element has an intrinsic ratio and its used width is known or resolved, then the used value of 'height' is determined by the equation (used width) / (intrinsic ratio)." name="assert" /> + + </head> + + <body> + + <p>There should be <strong>5 filled green squares</strong> with the same width and the <strong>same height</strong>. The 5 filled green squares should be <strong>identical</strong> to each other. This should still remain true even after a window resize.</p> + + <div> + <object data="support/60x60-green.png" type="image/png" width="15%">FAIL: image download must be enabled</object> + + <object data="support/60x60-green.png" type="image/png" width="15%" height="1%">FAIL: image download must be enabled</object> + + <object data="support/60x60-green.png" type="image/png" style="width: 15%;">FAIL: image download must be enabled</object> + + <object data="support/60x60-green.png" type="image/png" style="width: 15%; height: auto;">FAIL: image download must be enabled</object> + + <object data="support/60x60-green.png" type="image/png" style="width: 15%; height: 1%;">FAIL: image download must be enabled</object> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-009.xht new file mode 100644 index 0000000000..01c67c46fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-height-009.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: CSS Test: height of inline-block replaced element with no intrinsic height and no intrinsic ratio</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="../positioning/absolute-replaced-width-003b-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="If an inline-block replaced element (like the svg element in this test) has no intrinsic height and no intrinsic ratio, then the used value of 'height' becomes 150px." /> + + <style type="text/css"><![CDATA[ + div + { + height: 300px; + width: 300px; + } + + svg#overlapped-red + { + display: inline-block; + vertical-align: top; + } + + div#overlapping-green + { + background-color: green; + bottom: 150px; + height: 150px; + position: relative; + width: 150px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div> + <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red" width="150"> + <svg:rect x="0" y="0" width="600" height="300" fill="red" /> + </svg:svg> + + <div id="overlapping-green"></div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001-ref.xht new file mode 100644 index 0000000000..6812f827a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001-ref.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + height: 2in; + line-height: 15px; + width: 2in; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black square.</p> + + <div><img src="support/blue15x15.png" alt="Image download support must be enabled" /><br /> + <img src="support/swatch-orange.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001.xht new file mode 100644 index 0000000000..fee9a3e194 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-001.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" /> + <link rel="match" href="inline-block-replaced-width-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." /> + <style type="text/css"> + div, img + { + line-height: 0; + } + #div1 + { + border: solid black; + height: 2in; + width: 2in; + } + img + { + display: inline-block; + margin-left: auto; + margin-right: auto; + } + div div + { + background: orange; + height: 15px; + width: 15px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black square.</p> + <div id="div1"> + <img alt="blue 15x15" src="support/blue15x15.png" /> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002-ref.xht new file mode 100644 index 0000000000..a079c8e7c4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + height: 3in; + width: 3in; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p> + <div><img src="support/blue15x15.png" width="200" height="50" alt="Image download support must be enabled" /><br /> + <img src="support/swatch-orange.png" width="200" height="50" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002.xht new file mode 100644 index 0000000000..018d8dee87 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-002.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> + <head> + <title>CSS Test: Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" /> + <link rel="match" href="inline-block-replaced-width-002-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. If 'width' has a computed value of 'auto' and the inline-block replaced element has no intrinsic ratio and no intrinsic width (which is the case in this test), then the used value of 'width' becomes 300px." /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 3in; + width: 3in; + } + svg + { + display: inline-block; + margin-left: auto; + margin-right: auto; + } + div div + { + background: orange; + height: 50px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p> + <div id="div1"> + <svg:svg version="1.1" height="50" baseProfile="full"> + <svg:rect x="0" y="0" width="200" height="100" fill="blue" /> + </svg:svg> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003-ref.xht new file mode 100644 index 0000000000..4297e0544d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + height: 3in; + width: 3in; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p> + + <div><img src="support/blue15x15.png" width="200" height="100" alt="Image download support must be enabled" /><br /> + <img src="support/swatch-orange.png" width="200" height="100" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003.xht new file mode 100644 index 0000000000..53db1deb45 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-003.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> + <head> + <title>CSS Test: Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" /> + <link rel="match" href="inline-block-replaced-width-003-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. If 'width' has a computed value of 'auto' and the inline-block replaced element has no intrinsic ratio and no intrinsic width (which is the case in this test), then the used value of 'width' becomes 300px." /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 3in; + width: 3in; + } + svg + { + display: inline-block; + height: 100px; + margin-left: auto; + margin-right: auto; + } + div div + { + background: orange; + height: 100px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p> + <div id="div1"> + <svg:svg version="1.1" height="50" baseProfile="full"> + <svg:rect x="0" y="0" width="200" height="100" fill="blue" /> + </svg:svg> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-004.xht new file mode 100644 index 0000000000..abad1b7852 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-004.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> + <head> + <title>CSS Test: Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" /> + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements." /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 3in; + width: 3in; + } + #div2 + { + height: 110px; + width: 3in; + } + #div3 + { + background: orange; + height: 1in; + width: 200px; + } + svg + { + display: inline-block; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange boxes below are the same width, and the blue box is in the upper-left corner of the black box.</p> + <div id="div1"> + <div id="div2"> + <svg:svg version="1.1" baseProfile="full"> + <svg:rect x="0" y="0" width="200" height="100" fill="blue" /> + </svg:svg> + </div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006-ref.xht new file mode 100644 index 0000000000..cb8b557973 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006-ref.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + height: 3in; + width: 2in; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black rectangle.</p> + + <div><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /><br /> + <img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006.xht new file mode 100644 index 0000000000..ba469de15f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-006.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" /> + <link rel="match" href="inline-block-replaced-width-006-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Percentage intrinsic widths are evaluated against the containing block's width." /> + <style type="text/css"> + div + { + line-height: 0; + } + #div1 + { + border: solid black; + height: 3in; + width: 2in; + } + img + { + display: inline-block; + margin-left: auto; + margin-right: auto; + } + div div + { + background: orange; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black rectangle.</p> + <div id="div1"> + <img alt="blue 15x15" src="support/blue15x15.png" width="50%" /> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-007.xht new file mode 100644 index 0000000000..d7f3297f19 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-007.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: width of inline-block replaced element with no intrinsic height, no intrinsic width and no intrinsic ratio</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" /> + <link rel="match" href="../positioning/absolute-replaced-width-003a-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="If an inline-block replaced element (like the svg element in this test) has no intrinsic width and no intrinsic height, then the used value of 'width' becomes 300px and the used value of 'height' becomes 150px." /> + + <style type="text/css"><![CDATA[ + div + { + height: 225px; + width: 450px; + } + + svg#overlapped-red + { + display: inline-block; + vertical-align: top; + } + + div#overlapping-green + { + background-color: green; + bottom: 150px; + height: 150px; + position: relative; + width: 300px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + + <div> + <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red"> + <svg:rect x="0" y="0" width="600" height="300" fill="red" /> + </svg:svg> + + <div id="overlapping-green"></div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-008.xht new file mode 100644 index 0000000000..e3efba6c9d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-replaced-width-008.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: CSS Test: width of inline-block replaced element with no intrinsic width and no intrinsic ratio</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width" /> + <link rel="match" href="../positioning/absolute-replaced-width-003c-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="If an inline-block replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px." /> + + <style type="text/css"><![CDATA[ + div + { + height: 300px; + width: 600px; + } + + svg#overlapped-red + { + display: inline-block; + vertical-align: top; + } + + div#overlapping-green + { + background-color: green; + bottom: 300px; + height: 300px; + position: relative; + width: 300px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a big filled green square and <strong>no red</strong>.</p> + + <div> + <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red" height="300"> + <svg:rect x="0" y="0" width="600" height="300" fill="red" /> + </svg:svg> + + <div id="overlapping-green"></div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001-ref.xht new file mode 100644 index 0000000000..26cf5eca45 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001-ref.xht @@ -0,0 +1,12 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-block test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +</head> +<body> +<table border="" height="200"><tbody><tr><td valign="bottom"> +<p>abcde</p> +</td></tr></tbody></table> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001.xht new file mode 100644 index 0000000000..c41b779fc7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-001.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Test for vertical alignment on inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" /> +<meta name="assert" content="This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element." /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" /> +<link rel="match" href="inline-block-valign-001-ref.xht"/> +<meta name="assert" content="The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge." /> +<style type="text/css"> +span { display: inline-block; } +span > span { display: block; visibility: hidden; } +</style> +</head> +<body> +<table border="" height="200"><tbody><tr><td valign="bottom"> +<p>a<span><span>x</span>bcd</span>e</p> +</td></tr></tbody></table> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002-ref.xht new file mode 100644 index 0000000000..92ad4f8ab3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002-ref.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-block test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +body { background: white; color: black; } +span { display: inline-block; margin: 3px 0; border: 4px solid white; border-width: 4px 0; padding: 9px 0; } +span > span { display: block; visibility: hidden; } +</style> +</head> +<body> +<table border=""><tbody><tr><td> +<p><span><span>x</span>abcde</span></p> +</td></tr></tbody></table> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002.xht new file mode 100644 index 0000000000..750580a8c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-valign-002.xht @@ -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: Test for vertical alignment on inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" /> +<meta name="assert" content="This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element." /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" /> +<link rel="match" href="inline-block-valign-002-ref.xht"/> +<meta name="assert" content="The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge." /> +<style type="text/css"> +body { background: white; color: black; } +span { display: inline-block; margin: 3px 0; border: 4px solid white; border-width: 4px 0; padding: 9px 0; } +span > span { display: block; visibility: hidden; } +</style> +</head> +<body> +<table border=""><tbody><tr><td> +<p>a<span><span>x</span>bcd</span>e</p> +</td></tr></tbody></table> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001-ref.xht new file mode 100644 index 0000000000..2f0dca6903 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001-ref.xht @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-block test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +body > div { width: 10em; } +body > div > div { background: green; color: white; } +</style> +</head> +<body> +<div>x<div>This is some text that is wider than 10em but has no words wider than 10em.</div>z</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001a.xht new file mode 100644 index 0000000000..c763fa80e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001a.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for 'width: auto' on inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" /> +<link rel="match" href="inline-block-width-001-ref.xht"/> +<style type="text/css"> +body > div { width: 10em; } +body > div > div { display: inline-block; background: green; color: white; } +</style> +</head> +<body> +<div>x <div>This is some text that is wider than 10em but has no words wider than 10em.</div> z</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001b.xht new file mode 100644 index 0000000000..45e4ab05d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-001b.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for 'width: auto' on inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" /> +<link rel="match" href="inline-block-width-001-ref.xht"/> +<style type="text/css"> +body > div { width: 10em; } +body > div > div { display: inline-block; background: green; color: white; width: 10em; } +</style> +</head> +<body> +<div>x <div>This is some text that is wider than 10em but has no words wider than 10em.</div> z</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002-ref.xht new file mode 100644 index 0000000000..3fc115ef23 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002-ref.xht @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-block test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +body > div { width: 10em; } +body > div > div { background: green; color: white; width: 20em; } +</style> +</head> +<body> +<div>x<div>y</div>z</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002a.xht new file mode 100644 index 0000000000..51ea36c433 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002a.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for 'width: auto' on inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" /> +<link rel="match" href="inline-block-width-002-ref.xht"/> +<style type="text/css"> +body > div { width: 10em; } +body > div > div { display: inline-block; background: green; color: white; } +body > div > div > div { width: 20em; } +</style> +</head> +<body> +<div>x<div><div>y</div></div>z</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002b.xht new file mode 100644 index 0000000000..a2bca4702c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-width-002b.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for 'width: <length>' on inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width" /> +<link rel="match" href="inline-block-width-002-ref.xht"/> +<style type="text/css"> +body > div { width: 10em; } +body > div > div { display: inline-block; background: green; color: white; width: 20em; } +body > div > div > div { width: 20em; } +</style> +</head> +<body> +<div>x<div><div>y</div></div>z</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001-ref.xht new file mode 100644 index 0000000000..27da1ffc65 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-block test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +div { display:block; width: 2em; height: 1em; background: green; } +</style> +</head> +<body> +<div> </div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001.xht new file mode 100644 index 0000000000..daaf4b3401 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-001.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Test for z-ordering of inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" /> +<link rel="match" href="inline-block-zorder-001-ref.xht"/> +<style type="text/css"> +div { width: 2em; height: 1em; } +span { display:inline-block; vertical-align: top; width: 2em; height: 1em; background: green; } +div#after { margin-top:-1em; background: red; } +</style> +</head> +<body> +<div><span> </span></div> +<div id="after"> </div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-002.xht new file mode 100644 index 0000000000..cc304072e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-002.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for z-ordering of inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" /> +<link rel="match" href="inline-block-zorder-001-ref.xht"/> +<style type="text/css"> +div { width: 2em; height: 1em; } +span { display:inline-block; vertical-align: top; width: 2em; height: 1em; } +span span { display: block; background: green; } +div#after { margin-top: -1em; background: red; } +</style> +</head> +<body> +<div><span><span> </span></span></div> +<div id="after"> </div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003-ref.xht new file mode 100644 index 0000000000..0667289645 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-block test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +span { vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; } +</style> +</head> +<body> +<div><span> x </span></div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003.xht new file mode 100644 index 0000000000..7b8c46b8e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-003.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for z-ordering of inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" /> +<link rel="match" href="inline-block-zorder-003-ref.xht"/> +<style type="text/css"> +div { height: 1em; } +div#test span { display:inline-block; vertical-align: top; height: 1em; background: red; color: red; } +div#after { margin-top:-1em; } +div#after span { display: inline; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; } +</style> +</head> +<body> +<div id="test"><span> x </span></div> +<div id="after"><span> x </span></div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004-ref.xht new file mode 100644 index 0000000000..22204233d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-block test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +span { display: inline-block; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; } +</style> +</head> +<body> +<div><span> x </span></div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004.xht new file mode 100644 index 0000000000..ecb6756888 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-004.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Test for z-ordering of inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" /> +<link rel="match" href="inline-block-zorder-004-ref.xht"/> +<style type="text/css"> +div#test span { display:inline-block; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; } +div#before { height: 1em; margin-bottom:-1em; } +div#before span { display: inline; vertical-align: top; background: red; color: red; } +</style> +</head> +<body> +<div id="before"><span> x </span></div> +<div id="test"><span> x </span></div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-005.xht new file mode 100644 index 0000000000..24d4a385a5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-block-zorder-005.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for z-ordering of inline-block</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" /> +<link rel="match" href="inline-block-zorder-004-ref.xht"/> +<style type="text/css"> +div#test > span { display:inline-block; vertical-align: top; } +div#test > span > span { display: block; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; } +div#before { height: 1em; margin-bottom:-1em; } +div#before > span { display: inline; vertical-align: top; background: red; color: red; } +</style> +</head> +<body> +<div id="before"><span> x </span></div> +<div id="test"><span><span> x </span></span></div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002-ref.xht new file mode 100644 index 0000000000..0cc1099392 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p> + + <div><img src="support/swatch-blue.png" width="100" height="200" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="100" height="200" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002.xht new file mode 100644 index 0000000000..e3568f555d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-002.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline non-replaced elements and padding</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-16 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced" /> + <link rel="match" href="inline-non-replaced-height-002-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The padding starts at the top and bottom of the content area not the 'line-height'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + margin-top: 41px; + position: relative; + } + span + { + background: blue; + color: blue; + font: 100px Ahem; + line-height: 150px; + padding: 50px 0; + } + div div + { + background: orange; + height: 200px; + left: 100px; + position: absolute; + top: -25px; /* correspond to minus top-half-leading */ + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p> + <div id="div1"> + <span>X</span> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-003.xht new file mode 100644 index 0000000000..4fc0a9d3d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-height-003.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline non-replaced elements and border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-16 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced" /> + <link rel="match" href="inline-non-replaced-height-002-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The border starts at the top and bottom of the content area not the 'line-height'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + margin-top: 41px; + position: relative; + } + span + { + background: blue; + border-bottom: 50px solid blue; + border-top: 50px solid blue; + color: blue; + font: 100px Ahem; + line-height: 150px; + } + div div + { + background: orange; + height: 200px; + left: 100px; + position: absolute; + top: -25px; /* correspond to minus top-half-leading */ + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p> + <div id="div1"> + <span>X</span> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001-ref.xht new file mode 100644 index 0000000000..729bdcb72d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + height: 200px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square.</p> + + <div><img src="support/blue15x15.png" width="100" height="100" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001.xht new file mode 100644 index 0000000000..30cfbfb848 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-001.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline non-replaced elements with 'auto' value for 'left', 'right', and 'margin-left'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-16 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-width" /> + <link rel="match" href="inline-non-replaced-width-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Computed value of 'auto' for 'left', 'right', and 'margin-left' becomes a used value of '0'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + border: solid black; + height: 200px; + width: 200px; + } + span + { + color: blue; + font: 100px/1 Ahem; + left: auto; + margin-left: auto; + position: relative; + right: auto; + } + </style> + </head> + <body> + <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square.</p> + <div> + <span>X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-002.xht new file mode 100644 index 0000000000..375e22fe09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-non-replaced-width-002.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline non-replaced elements with 'auto' value for 'left', 'right', and 'margin-right'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-16 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-width" /> + <link rel="match" href="inline-non-replaced-width-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Computed value of 'auto' for 'left', 'right', and 'margin-right' becomes a used value of '0'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + border: solid black; + height: 200px; + width: 200px; + } + span + { + color: blue; + font: 100px/1 Ahem; + left: auto; + margin-right: auto; + position: relative; + right: auto; + } + </style> + </head> + <body> + <p>Test passes if a filled blue square is in the <strong>upper-left corner</strong> of an hollow black square.</p> + <div> + <span>X</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-001.xht new file mode 100644 index 0000000000..c345c21224 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-001.xht @@ -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: Inline replaced elements with 'margin-top' and 'margin-bottom' as 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="An inline replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'." /> + <style type="text/css"> + div + { + border-bottom: solid orange; + border-top: solid orange; + line-height: 0; + width: 1in; + } + img + { + display: inline; + margin-bottom: auto; + margin-top: auto; + } + </style> + </head> + <body> + <p>Test passes if there is no white space between the blue square and the orange lines.</p> + <div> + <img alt="blue 15x15" src="support/blue15x15.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-002.xht new file mode 100644 index 0000000000..666ddaa722 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-002.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Inline replaced elements relying on intrinsic height dimensions</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-002-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'height' is the intrinsic height when an inline replaced element with an intrinsic height has a 'height' and 'width' computed as 'auto'." /> + <style type="text/css"> + div + { + line-height: 0; + position: relative; + } + div div + { + background: orange; + height: 15px; + left: 15px; + position: absolute; + top: 0; + width: 15px; + } + img + { + display: inline; + height: auto; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + <div> + <img alt="blue 15x15" src="support/blue15x15.png" /> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-003.xht new file mode 100644 index 0000000000..2bac39dfca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-003.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline replaced elements with intrinsic ratios and 'height' set to 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="inline-block-replaced-height-003-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="The 'height' is the used width divided by the ratio when an inline replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is not 'auto'." /> + <style type="text/css"> + div + { + line-height: 0; + position: relative; + } + div div + { + background: orange; + height: 1in; + left: 1in; + position: absolute; + top: 0; + } + img + { + display: inline; + height: auto; + } + div div, img + { + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + + <div> + <img alt="blue 15x15" src="support/blue15x15.png" /> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-004.xht new file mode 100644 index 0000000000..20ddd95d4e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-004.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline replaced elements without intrinsic ratios and 'height' set to 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-004-ref.xht" /> + + <meta name="assert" content="For inline replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width." /> + <style type="text/css"> + div + { + position: relative; + } + div div + { + border: solid green; + height: 150px; + position: absolute; + top: 0; + width: 300px; + } + iframe + { + border: solid red; + display: inline; + height: auto; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <iframe></iframe> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-005.xht new file mode 100644 index 0000000000..c52df329f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-005.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline replaced elements with percentage based intrinsic height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-005-ref.xht" /> + + <meta name="assert" content="An inline replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified." /> + <style type="text/css"> + #div1 + { + position: relative; + height: 2in; + } + div div + { + border: solid green; + height: 1in; + position: absolute; + top: 0; + width: 300px; + } + iframe + { + border: solid red; + display: inline; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <iframe height="50%"></iframe> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-006.xht new file mode 100644 index 0000000000..d8d332ffab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-006.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> + <head> + <title>CSS Test: Absolutely positioned inline replaced elements with percentage based intrinsic height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-006-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="An inline replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned." /> + <style type="text/css"> + #div1 + { + position: relative; + height: 2in; + } + div div + { + background: orange; + height: 1in; + left: 200px; + position: absolute; + top: 0; + width: 200px; + } + svg + { + display: inline; + position: absolute; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p> + <div id="div1"> + <svg:svg version="1.1" height="50%" baseProfile="full"> + <svg:rect x="0" y="0" width="200" height="100" fill="blue" /> + </svg:svg> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-007.xht new file mode 100644 index 0000000000..093d3ebccd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-007.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline replaced elements with percentage based intrinsic height that cannot be resolved</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="block-replaced-height-004-ref.xht" /> + + <meta name="assert" content="An inline replaced element with a percentage height that cannot be resolved has no intrinsic height." /> + <style type="text/css"> + #div1 + { + position: relative; + } + div div + { + border: solid green; + height: 150px; + position: absolute; + top: 0; + width: 300px; + } + iframe + { + border: solid red; + display: inline; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <iframe height="50%"></iframe> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-008.xht new file mode 100644 index 0000000000..9a3e17bd6c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-008.xht @@ -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: Inline replaced elements in normal flow - specified width, height in percentages and intrinsic ratio</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <meta content="image interact" name="flags" /> + <meta content="When 'height: 1%' (or any other percentage) applies to an inline replaced element and when the height of its containing block is not specified explicitly (i.e., it depends on content height), then such height computes to 'auto'. Then, if such inline replaced element has an intrinsic ratio and its used width is known or resolved, then the used value of 'height' is determined by the equation (used width) / (intrinsic ratio)." name="assert" /> + + </head> + + <body> + + <p>There should be <strong>5 filled green squares</strong> with the same width and the <strong>same height</strong>. The 5 filled green squares should be <strong>identical</strong> to each other. This should still remain true even after a window resize.</p> + + <div> + <img src="support/60x60-green.png" width="15%" alt="FAIL: image download must be enabled" /> + + <img src="support/60x60-green.png" width="15%" height="1%" alt="FAIL: image download must be enabled" /> + + <img src="support/60x60-green.png" style="width: 15%;" alt="FAIL: image download must be enabled" /> + + <img src="support/60x60-green.png" style="width: 15%; height: auto;" alt="FAIL: image download must be enabled" /> + + <img src="support/60x60-green.png" style="width: 15%; height: 1%;" alt="FAIL: image download must be enabled" /> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-009.xht new file mode 100644 index 0000000000..9edb95ab17 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-009.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: CSS Test: height of inline replaced element with no intrinsic height and no intrinsic ratio</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="../positioning/absolute-replaced-width-003b-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="If an inline replaced element (like the svg element in this test) has no intrinsic height and no intrinsic ratio, then the used value of 'height' becomes 150px." /> + + <style type="text/css"><![CDATA[ + div + { + height: 300px; + width: 300px; + } + + svg#overlapped-red + { + display: inline; + vertical-align: top; + } + + div#overlapping-green + { + background-color: green; + bottom: 150px; + height: 150px; + position: relative; + width: 150px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div> + <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red" width="150"> + <svg:rect x="0" y="0" width="600" height="300" fill="red" /> + </svg:svg> + + <div id="overlapping-green"></div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-010.xht new file mode 100644 index 0000000000..c5498e1f73 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-010.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 - inline replaced element and max-width</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <!-- + Credits must go to Kang-Hao (Kenny) Lu for posting a message + on a closely related issue in www-style mailing list. + --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements " /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Nov/0023.html" title="[css21][css3-box] when only one dimension is specified, replaced element sizing rules are ambiguous and non-interoperable" /> + + <meta content="image" name="flags" /> + <meta content="The height of an inline replaced element should be re-calculated based on its constrained width (constrained by computed 'max-width' value) and based its intrinsic ratio when it has an intrinsic ratio." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-test + { + position: absolute; + z-index: -1; + } + + img + { + height: auto; + max-width: 6.25em; + width: 12.5em; + } + + div#overlapping-green-reference + { + background-color: green; + height: 100px; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="overlapped-red-test"><img src="support/swatch-red.png" alt="Image download support must be enabled" /></div> + + <div id="overlapping-green-reference"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-011.xht new file mode 100644 index 0000000000..2692e9b9a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-height-011.xht @@ -0,0 +1,51 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 - inline replaced element and min-width</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <!-- + Credits must go to Kang-Hao (Kenny) Lu for posting a message + on a closely related issue in www-style mailing list. + --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" title="10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements " /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Nov/0023.html" title="[css21][css3-box] when only one dimension is specified, replaced element sizing rules are ambiguous and non-interoperable" /> + + <meta content="image" name="flags" /> + <meta content="The height of an inline replaced element should be re-calculated based on its constrained width (constrained by computed 'min-width' value) and based its intrinsic ratio when it has an intrinsic ratio." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + img + { + height: auto; + min-width: 6.25em; + width: 0em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="overlapped-red-reference"></div> + + <div id="overlapping-green-test"><img src="support/swatch-green.png" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001-ref.xht new file mode 100644 index 0000000000..c23baf9205 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + height: 288px; + width: 192px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black rectangle.</p> + + <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001.xht new file mode 100644 index 0000000000..12f518833f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-001.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="match" href="inline-replaced-width-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'." /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 3in; + width: 2in; + } + img + { + margin-left: auto; + margin-right: auto; + } + div div + { + background: orange; + height: 96px; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black rectangle.</p> + <div id="div1"> + <img alt="blue 96x96" src="support/blue96x96.png" /> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002-ref.xht new file mode 100644 index 0000000000..c7c6e39b1d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + height: 288px; + width: 288px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p> + + <div><img src="support/blue96x96.png" width="200" height="50" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" width="200" height="50" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002.xht new file mode 100644 index 0000000000..eaa5049dc7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-002.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> + <head> + <title>CSS Test: Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="match" href="inline-replaced-width-002-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'." /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 3in; + width: 3in; + } + svg + { + margin-left: auto; + margin-right: auto; + } + div div + { + background: orange; + height: 50px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p> + <div id="div1"> + <svg:svg version="1.1" height="50" baseProfile="full"> + <svg:rect x="0" y="0" width="200" height="100" fill="blue" /> + </svg:svg> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003-ref.xht new file mode 100644 index 0000000000..f086f1979e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + height: 288px; + width: 288px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p> + <div><img src="support/blue96x96.png" width="200" height="100" alt="Image download support must be enabled" /><br /><img src="support/swatch-orange.png" width="200" height="100" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003.xht new file mode 100644 index 0000000000..1624538bf6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-003.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> + <head> + <title>CSS Test: Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="match" href="inline-replaced-width-003-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'." /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 3in; + width: 3in; + } + svg + { + height: 100px; + margin-left: auto; + margin-right: auto; + } + div div + { + background: orange; + height: 100px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange rectangles have the same width and the blue rectangle is in the upper-left corner of an hollow black square.</p> + <div id="div1"> + <svg:svg version="1.1" height="50" baseProfile="full"> + <svg:rect x="0" y="0" width="200" height="100" fill="blue" /> + </svg:svg> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-004.xht new file mode 100644 index 0000000000..3318922073 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-004.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> + <head> + <title>CSS Test: Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements." /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 3in; + width: 3in; + } + #div2 + { + height: 110px; + width: 3in; + } + #div3 + { + background: orange; + height: 1in; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange boxes below are the same width, and the blue box is in the upper-left corner of the black box.</p> + <div id="div1"> + <div id="div2"> + <svg:svg version="1.1" baseProfile="full"> + <svg:rect x="0" y="0" width="200" height="100" fill="blue" /> + </svg:svg> + </div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-006.xht new file mode 100644 index 0000000000..daae2457d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-006.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="match" href="inline-replaced-width-001-ref.xht" /> + + <meta name="flags" content="image" /> + <meta name="assert" content="Percentage intrinsic widths are evaluated against the containing block's width." /> + <style type="text/css"> + #div1 + { + border: solid black; + height: 3in; + width: 2in; + } + img + { + margin-left: auto; + margin-right: auto; + } + div div + { + background: orange; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the same width and the blue square is in the upper-left corner of an hollow black rectangle.</p> + <div id="div1"> + <img alt="blue 15x15" src="support/blue15x15.png" width="50%" /> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-008.xht new file mode 100644 index 0000000000..07224f6cd3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-008.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: width of inline replaced element with no intrinsic height, no intrinsic width and no intrinsic ratio</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" title="10.3.2 Inline, replaced elements" /> + <link rel="match" href="../positioning/absolute-replaced-width-003a-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="If an inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic height, then the used value of 'width' becomes 300px and the used value of 'height' becomes 150px." /> + + <style type="text/css"><![CDATA[ + div + { + height: 225px; + width: 450px; + } + + svg#overlapped-red + { + display: inline; + vertical-align: top; + } + + div#overlapping-green + { + background-color: green; + bottom: 150px; + height: 150px; + position: relative; + width: 300px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + + <div> + <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red"> + <svg:rect x="0" y="0" width="600" height="300" fill="red" /> + </svg:svg> + + <div id="overlapping-green"></div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-009.xht new file mode 100644 index 0000000000..ca6e9df119 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-009.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: CSS Test: width of inline replaced element with no intrinsic width and no intrinsic ratio</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" title="10.3.2 Inline, replaced elements" /> + <link rel="match" href="../positioning/absolute-replaced-width-003c-ref.xht" /> + + <meta name="flags" content="nonHTML svg" /> + <meta name="assert" content="If an inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px." /> + + <style type="text/css"><![CDATA[ + div + { + height: 300px; + width: 600px; + } + + svg#overlapped-red + { + display: inline; + vertical-align: top; + } + + div#overlapping-green + { + background-color: green; + bottom: 300px; + height: 300px; + position: relative; + width: 300px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a big filled green square and <strong>no red</strong>.</p> + + <div> + <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" baseProfile="full" id="overlapped-red" height="300"> + <svg:rect x="0" y="0" width="600" height="300" fill="red" /> + </svg:svg> + + <div id="overlapping-green"></div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011-ref.xht new file mode 100644 index 0000000000..2bcb57d634 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 100px; + width: 600px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011.xht new file mode 100644 index 0000000000..2d7473ef00 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-011.xht @@ -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" lang="en"> + <head> + <title>CSS Test: Replaced inline elements with % widths</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="match" href="inline-replaced-width-011-ref.xht" /> + + <meta name="flags" content="image" /> + + <style type="text/css"> + div { width: 600px; height: 100px; background: red; } + img { width: 100%; height: 100px; vertical-align: bottom; } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <p><img src="support/swatch-green.png" alt="Image support required for this test"/></p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012-ref.xht new file mode 100644 index 0000000000..ef7a3b6ad9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 200px; + width: 600px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012.xht new file mode 100644 index 0000000000..b94ccb2991 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-012.xht @@ -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" lang="en"> + <head> + <title>CSS Test: Replaced inline elements wrapping around floats (% widths)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="match" href="inline-replaced-width-012-ref.xht" /> + + <meta name="flags" content="image" /> + + <style type="text/css"> + div { width: 600px; height: 200px; background: red; } + div p { height: 100px; background: green; } + img { vertical-align: bottom; } + img.float { float: left; } + img.flow { width: 100%; height: 100px; } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <p> + <img src="support/swatch-green.png" height="100" alt="Image download support must be enabled" class="float"/> + <img src="support/swatch-green.png" alt="Image support required for this test" class="flow"/> + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-013.xht new file mode 100644 index 0000000000..8ff317755a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-013.xht @@ -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" lang="en"> + <head> + <title>CSS Test: Replaced inline elements wrapping around floats (pixel widths)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="match" href="inline-replaced-width-012-ref.xht" /> + + <meta name="flags" content="image" /> + + <style type="text/css"> + div { width: 600px; height: 200px; background: red; } + div p { height: 100px; background: green; } + img { vertical-align: bottom; } + img.float { float: left; } + img.flow { width: 600px; height: 100px; } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <p> + <img src="support/swatch-green.png" height="100" alt="Image download support must be enabled" class="float"/> + <img src="support/swatch-green.png" alt="Image support required for this test" class="flow"/> + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014-ref.xht new file mode 100644 index 0000000000..7d192d28f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014-ref.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 100px; + margin-bottom: 1em; + width: 300px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 2 identical filled green rectangles and <strong>no red</strong>.</p> + + <div></div> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014.xht new file mode 100644 index 0000000000..b7bb1a2afc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-014.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Replaced inline elements with % widths</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-15 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/004.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="match" href="inline-replaced-width-014-ref.xht" /> + + <meta content="image" name="flags" /> + + <style type="text/css"> + div.a { width: 300px; height: 100px; background: red; } + div.a p { width: 200%; } + div.a img { width: 50%; height: 100px; vertical-align: bottom; } + div.b { width: 300px; position: relative; } + div.b p { width: 200%; } + div.b img { width: 50%; height: 100px; vertical-align: bottom; } + div.b span { position: absolute; top: 0; left: 0; background: green; width: 300px; height: 100px; } + </style> + </head> + + <body> + + <p>Test passes if there are 2 identical filled green rectangles and <strong>no red</strong>.</p> + + <div class="a"> + <p> + <img src="support/1x1-green.png" alt="Image support required for this test"/> + </p> + </div> + + <div class="b"> + <p> + <img src="support/1x1-red.png" alt="Image support required for this test"/> + <span></span> + </p> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-015.xht new file mode 100644 index 0000000000..3af87c72f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-015.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + <title>CSS Test: Replaced inline elements wrapping around floats (% widths)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/005.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="match" href="inline-replaced-width-014-ref.xht" /> + + <meta name="flags" content="image" /> + + <style type="text/css"> + div.test { width: 300px; height: 100px; background: red; position: relative; } + div.inner { width: 300px; height: 50px; background: green; } + div p { width: 125%; height: 50px; } /* 375px */ + img { vertical-align: bottom; } + img.float { float: left; height: 50px; width: 100px; } + img.flow { width: 80%; height: 50px; } /* 300px */ + span { position: absolute; bottom: 0; left: 0; background: green; height: 50px; width: 300px; } + </style> + </head> + <body> + <p>Test passes if there are 2 identical filled green rectangles and <strong>no red</strong>.</p> + <div class="test a"> + <div class="inner"> + <p> + <img src="support/1x1-green.png" alt="Image download support must be enabled" class="float"/> + <img src="support/1x1-green.png" alt="Image support required for this test" class="flow"/> + </p> + </div> + </div> + <div class="test b"> + <div class="inner"> + <p> + <img src="support/1x1-green.png" alt="Image download support must be enabled" class="float"/> + <img src="support/1x1-red.png" alt="Image support required for this test" class="flow"/> + <span></span> + </p> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-016.xht new file mode 100644 index 0000000000..efbedfa263 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-016.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: width - inline replaced element and max-height</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <!-- + Credits must go to Kang-Hao (Kenny) Lu for posting a message + on a closely related issue in www-style mailing list. + --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" title="10.3.2 Calculating width of inline, replaced elements" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: 'min-height' and 'max-height'" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Nov/0023.html" title="[css21][css3-box] when only one dimension is specified, replaced element sizing rules are ambiguous and non-interoperable" /> + + <meta content="image" name="flags" /> + <meta content="The width of an inline replaced element should be re-calculated based on its constrained height (constrained by computed 'max-height' value) and based its intrinsic ratio when it has an intrinsic ratio." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-test + { + position: absolute; + z-index: -1; + } + + img + { + max-height: 6.25em; + height: 12.5em; + width: auto; + } + + div#overlapping-green-reference + { + background-color: green; + height: 100px; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="overlapped-red-test"><img src="support/swatch-red.png" alt="Image download support must be enabled" /></div> + + <div id="overlapping-green-reference"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-017.xht new file mode 100644 index 0000000000..232dc7622f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-replaced-width-017.xht @@ -0,0 +1,51 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: width - inline replaced element and min-height</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <!-- + Credits must go to Kang-Hao (Kenny) Lu for posting a message + on a closely related issue in www-style mailing list. + --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" title="10.3.2 Calculating width of inline, replaced elements" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: 'min-height' and 'max-height'" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Nov/0023.html" title="[css21][css3-box] when only one dimension is specified, replaced element sizing rules are ambiguous and non-interoperable" /> + + <meta content="image" name="flags" /> + <meta content="The width of an inline replaced element should be re-calculated based on its constrained height (constrained by computed 'min-height' value) and based its intrinsic ratio when it has an intrinsic ratio." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + img + { + min-height: 6.25em; + height: 0em; + width: auto; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="overlapped-red-reference"></div> + + <div id="overlapping-green-test"><img src="support/swatch-green.png" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002-ref.xht new file mode 100644 index 0000000000..42a4110fea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002-ref.xht @@ -0,0 +1,8 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-table test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +</head> +<body> +<p>a<span style="display:inline-table;">bcd</span>e</p> +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002a.xht new file mode 100644 index 0000000000..012b28ba1c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002a.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> +<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" /> +<link rel="match" href="inline-table-002-ref.xht"/> +<meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table." /> +<style type="text/css"> +span { display: inline-table; } +span > span { display: block; visibility: hidden; } +</style> +</head> +<body> +<p>a<span>bcd<span>x</span></span>e</p> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002b.xht new file mode 100644 index 0000000000..59afc3e443 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-002b.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> +<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" /> +<link rel="match" href="inline-table-002-ref.xht"/> +<meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table." /> +<style type="text/css"> +span > span { display: table-cell; } +span > span > span { display: block; visibility: hidden; } +</style> +</head> +<body> +<p><span>a<span>bcd<span>x</span></span>e</span></p> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003-ref.xht new file mode 100644 index 0000000000..46489988b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003-ref.xht @@ -0,0 +1,10 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-table test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +</head> +<body> +<p>abc</p> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003.xht new file mode 100644 index 0000000000..ac9dd9c473 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-003.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Test for inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> +<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" /> +<link rel="match" href="inline-table-003-ref.xht"/> +<meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table." /> +<style type="text/css"> +span { display: inline-table; } +</style> +</head> +<body> +<p>a<span>b</span>c</p> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001-ref.xht new file mode 100644 index 0000000000..d6148b5c0c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-table test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +div { display: table; width: 10em; background: green; color: white; } +</style> +</head> +<body> +<div>Test<br />Test</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001.xht new file mode 100644 index 0000000000..ac6994869a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-001.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for 'height: auto' on inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> +<link rel="match" href="inline-table-height-001-ref.xht"/> +<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." /> +<style type="text/css"> +div { display: inline-table; width: 10em; background: green; color: white; } +</style> +</head> +<body> +<div>Test<br />Test</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002-ref.xht new file mode 100644 index 0000000000..32568759de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-table test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +div { display: table; height: 5em; background: green; color: white; } +</style> +</head> +<body> +<div>test</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002.xht new file mode 100644 index 0000000000..cb40592402 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-height-002.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for 'height: <length;>' on inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> +<link rel="match" href="inline-table-height-002-ref.xht"/> +<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." /> +<style type="text/css"> +div { display: inline-table; height: 5em; vertical-align: baseline; background: green; color: white; } +</style> +</head> +<body> +<div>test</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001-ref.xht new file mode 100644 index 0000000000..07d9f5e7fd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001-ref.xht @@ -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: Reference for inline-table test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +span#table { display: inline-table; } +span#cell { display: table-cell; } +span#table, span#rowgroup, span#row, span#cell { + border: 4px solid white; + margin: 3px 0; + border-width: 4px 0; + padding: 9px 0; + border-spacing: 0 5px; +} +span#block { display: block; visibility: hidden; } +</style> +</head> +<body> +<table border=""><tbody><tr><td> + <p> + a<span id="table"><span id="cell">bcd</span></span>e + <span id="block">x</span> + </p> +</td></tr></tbody></table> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001.xht new file mode 100644 index 0000000000..e23ef327d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-valign-001.xht @@ -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: Test for vertical alignment on inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> +<meta name="assert" content="it is a rectangular block that participates in an inline formatting context)." /> +<link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" /> +<link rel="match" href="inline-table-valign-001-ref.xht"/> +<meta name="assert" content="The baseline of an 'inline-table' is the baseline of the first row of the table." /> +<style type="text/css"> +span#table { display: inline-table; } +span#rowgroup { display: table-row-group; } +span#row { display: table-row; } +span#cell { display: table-cell; } +span#table, span#rowgroup, span#row, span#cell { + border: 4px solid white; + margin: 3px 0; + border-width: 4px 0; + padding: 9px 0; + border-spacing: 0 5px; +} +span#block { display: block; visibility: hidden; } +</style> +</head> +<body> +<table border=""><tbody><tr><td> +<p>a<span id="table"><span id="rowgroup"><span id="row"><span id="cell">bcd<span id="block">x</span></span></span></span></span>e</p> +</td></tr></tbody></table> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001-ref.xht new file mode 100644 index 0000000000..52380a362d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001-ref.xht @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-table test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +body > div { width: 10em; } +body > div > div { display: table; background: green; color: white; } +</style> +</head> +<body> +<div>x<div>This is some text that is wider than 10em but has no words wider than 10em.</div>z</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001a.xht new file mode 100644 index 0000000000..bf0267c16a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001a.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for 'width' shrink-wrapping on inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" /> +<link rel="match" href="inline-table-width-001-ref.xht"/> +<style type="text/css"> +body > div { width: 10em; } +body > div > div { display: inline-table; background: green; color: white; } +</style> +</head> +<body> +<div>x <div>This is some text that is wider than 10em but has no words wider than 10em.</div> z</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001b.xht new file mode 100644 index 0000000000..c221413936 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-001b.xht @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for 'width' shrink-wrapping on inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" /> +<link rel="match" href="inline-table-width-001-ref.xht"/> +<style type="text/css"> +body > div { width: 10em; } +body > div > div { display: inline-table; background: green; color: white; width: 10em; } +</style> +</head> +<body> +<div>x <div>This is some text that is wider than 10em but has no words wider than 10em.</div> z</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002-ref.xht new file mode 100644 index 0000000000..36c6a1ad77 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002-ref.xht @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-table test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +body > div { width: 10em; } +body > div > div { display: table; background: green; color: white; width: 20em; } +</style> +</head> +<body> +<div>x<div>y</div>z</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002a.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002a.xht new file mode 100644 index 0000000000..960048b844 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002a.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for 'width' shrink-wrapping on inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" /> +<link rel="match" href="inline-table-width-002-ref.xht"/> +<style type="text/css"> +body > div { width: 10em; } +body > div > div { display: inline-table; background: green; color: white; } +body > div > div > div { width: 20em; } +</style> +</head> +<body> +<div>x<div><div>y</div></div>z</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002b.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002b.xht new file mode 100644 index 0000000000..1fd6f723de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-width-002b.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for 'width' shrink-wrapping on inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" /> +<link rel="match" href="inline-table-width-002-ref.xht"/> +<style type="text/css"> +body > div { width: 10em; } +body > div > div { display: inline-table; background: green; color: white; width: 20em; } +body > div > div > div { width: 20em; } +</style> +</head> +<body> +<div>x<div><div>y</div></div>z</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001-ref.xht new file mode 100644 index 0000000000..b2b5626ea0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-table test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +div { display:table; width: 2em; height: 2em; background: green; } +</style> +</head> +<body> +<div> </div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001.xht new file mode 100644 index 0000000000..a6351b9202 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-001.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Test for z-ordering of inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" /> +<link rel="match" href="inline-table-zorder-001-ref.xht"/> +<style type="text/css"> +div { width: 2em; height: 2em; } +span { display:inline-table; vertical-align: top; width: 2em; height: 2em; background: green; } +div#after { margin-top:-2em; background: red; } +</style> +</head> +<body> +<div><span> </span></div> +<div id="after"> </div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-002.xht new file mode 100644 index 0000000000..0377df70b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-002.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for z-ordering of inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" /> +<link rel="match" href="inline-table-zorder-001-ref.xht"/> +<style type="text/css"> +div { width: 2em; height: 2em; } +span { display:inline-table; vertical-align: top; width: 2em; height: 2em; } +span span { display: block; background: green; } +div#after { margin-top: -2em; background: red; } +</style> +</head> +<body> +<div><span><span> </span></span></div> +<div id="after"> </div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003-ref.xht new file mode 100644 index 0000000000..80788df915 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-table test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +span { vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; } +</style> +</head> +<body> +<div><span> x </span></div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003.xht new file mode 100644 index 0000000000..ebdfe70277 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-003.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for z-ordering of inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" /> +<link rel="match" href="inline-table-zorder-003-ref.xht"/> +<style type="text/css"> +div { height: 1em; } +div#test > span { display:inline-table; vertical-align: top; height: 1em; background: red; color: red; } +div#after { margin-top:-1em; } +div#after > span { display: inline; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; } +</style> +</head> +<body> +<div id="test"><span> x </span></div> +<div id="after"><span> x </span></div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004-ref.xht new file mode 100644 index 0000000000..0e8360e355 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004-ref.xht @@ -0,0 +1,13 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Reference for inline-table test</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<style type="text/css"> +span { display: inline-table; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; } +</style> +</head> +<body> +<div><span> x </span></div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004.xht new file mode 100644 index 0000000000..6cbd9aa998 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-004.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: Test for z-ordering of inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" /> +<link rel="match" href="inline-table-zorder-004-ref.xht"/> +<style type="text/css"> +div#test > span { display:inline-table; vertical-align: top; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; } +div#before { height: 1em; margin-bottom:-1em; } +div#before > span { display: inline; vertical-align: top; background: red; color: red; } +</style> +</head> +<body> +<div id="before"><span> x </span></div> +<div id="test"><span> x </span></div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-005.xht new file mode 100644 index 0000000000..278a94ba57 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inline-table-zorder-005.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Test for z-ordering of inline-table</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" /> +<link rel="match" href="inline-table-zorder-004-ref.xht"/> +<style type="text/css"> +div#test > span { display:inline-table; vertical-align: top; } +div#test > span > span { display: block; background: green; color: green; border-bottom: 0.25em solid green; border-top: 0.25em solid green; } +div#before { height: 1em; margin-bottom:-1em; } +div#before > span { display: inline; vertical-align: top; background: red; color: red; } +</style> +</head> +<body> +<div id="before"><span> x </span></div> +<div id="test"><span><span> x </span></span></div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-001.xht new file mode 100644 index 0000000000..c46af08607 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-001.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + <title>CSS Test: CSS Inline Box Model: Layering Model</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/> + <style type="text/css"> + img { border-bottom: 1em solid green; vertical-align: text-bottom; } + span { background: red; } + </style> + </head> + <body> + <p>Test passes if there is a cat sitting on a green bar below and no red.</p> + <p><span><img src="support/cat.png" alt="image"/></span></p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-002-ref.xht new file mode 100644 index 0000000000..3f0a62eeb5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-002-ref.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + span {border: green solid 0.5em;} + ]]></style> + + </head> + + <body> + + <p><span>This should have a green border.</span></p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-002.xht new file mode 100644 index 0000000000..78bb5c3794 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-002.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//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 Inline Box Model: Layering Model</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> + <link rel="match" href="inlines-002-ref.xht" /> + + <style type="text/css"> + span { background: red; padding: 0.5em 0; } + strong { font: inherit; border: 0.5em solid green; background: white; } + </style> + </head> + <body> + <p><span><strong>This should have a green border.</strong></span></p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-003.xht new file mode 100644 index 0000000000..53d0bdefe7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-003.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: CSS Inline Box Model: Wrapping Borders</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/003.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> + <meta name="flags" content="interact"/> + <style type="text/css"> + div { font: 2em/2 sans-serif; } + span { border: thick solid blue; padding: 0 1em; } + </style> + </head> + <body> + <p>Slowly resize the window, causing the text below to wrap into multiple + lines at different points in the text. At all points in time, each word + should be enclosed in an hollow blue rectangle and there should be no stray + pieces of blue rectangle anywhere else on the page.</p> + <div> <span>Resize</span> <span>the</span> <span>window</span> <span>so</span> <span>that</span> <span>this</span> <span>wraps</span> </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-004.xht new file mode 100644 index 0000000000..f381977b88 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-004.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: CSS Inline Box Model: Wrapping Spaces Outside Inline Elements</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/004.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> + <meta name="flags" content="interact"/> + <style type="text/css"> + span { color: blue; } + </style> + </head> + <body> + + <p>Resize your window slowly from a wide size to a narrow size. The + Xs below should always be perfectly aligned in a grid.</p> + + <p> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + </p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-005.xht new file mode 100644 index 0000000000..f249666d16 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-005.xht @@ -0,0 +1,58 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: CSS Inline Box Model: Wrapping Spaces Outside Inline Elements</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/005.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> + <meta name="flags" content="interact"/> + <style type="text/css"><![CDATA[ + p > span { padding: 5px 0; line-height: 2; letter-spacing: 3px; } + span span { border: solid blue; color: gray; } + ]]></style> + </head> + <body> + + <p>Resize your window slowly from a wide size to a narrow size. Each "X" + should be wrapped by a blue border. The boxed Xs below should always be + perfectly aligned in a grid.</p> + + <p> <span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + <span>X</span> <span>X</span> <span>X</span> <span>X</span> + </span> </p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-006.xht new file mode 100644 index 0000000000..d59be358f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-006.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: CSS Inline Box Model: Wrapping Spaces Outside Inline Elements</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/006.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> + <meta name="flags" content="interact"/> + <style type="text/css"><![CDATA[ + p > span { padding: 5px 0; line-height: 3; letter-spacing: 3px; } + span span { border: solid blue; color: gray; } + ]]></style> + </head> + <body> + + <p>Resize your window slowly from a wide size to a narrow size. Each + "XXXXXXXXXXXXXXX" should be wrapped by a blue border. The + XXXXXXXXXXXXXXX-filled boxes below should always be perfectly + aligned in a grid.</p> + + <p> <span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + <span>XXXXXXXXXXXXXXX</span> <span>XXXXXXXXXXXXXXX</span> + </span> </p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-007.xht new file mode 100644 index 0000000000..de1dc6200c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-007.xht @@ -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: CSS Inline Box Model: Behaviour near cells</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/007.xml" type="application/xhtml+xml"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/007.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> + <style type="text/css"> + div, table, tr, td { margin: 0; border: 0; padding: 0; border-spacing: 0; line-height: 1; } + span { font-size: 0.2em; } + table { background: green; color: white; width: 5em; } + .test { height: 1em; background: red; width: 5em; } + .wrapper { font-size: 5em; } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div class="wrapper"> + <div class="test"><table><tr><td><span>This rectangle should be green.</span></td></tr></table></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-009.xht new file mode 100644 index 0000000000..85728f7958 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-009.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: CSS Inline Box Model: Behaviour near cells (specified line height)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/009.xml" type="application/xhtml+xml"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/009.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/> + <meta name="flags" content="ahem image"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div, table, tr, td { margin: 0; border: 0; padding: 0; border-spacing: 0; line-height: 1.3; } + .test > * { border: solid blue; font: 20px/1.3 Ahem; float: left; color: gray; + margin: 0.2em; height: auto; width: 3em; text-align: center; } + ]]></style> + </head> + <body> + <p>Test passes if the 4 blue rectangles have the <strong>same size</strong>.</p> + <div class="test"> + <div>ÉÉÉ</div> + <table><tr><td>ÉÉÉ</td></tr></table> + <table><tr><td><img class="img" src="support/1x1-gray.png" width="60" height="16" + alt="(image test failed)"/></td></tr></table> + <table><tr><td><img src="404" alt="ÉÉÉ" width="60" height="16"/></td></tr></table> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-010.xht new file mode 100644 index 0000000000..365ad6226d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-010.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: CSS Inline Box Model: Behaviour near cells (normal line height)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-20 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/010.xml" type="application/xhtml+xml"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/010.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/> + <meta name="flags" content="ahem image"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table, tr, td, img { margin: 0; border: 0; padding: 0; border-spacing: 0; } + .test > * { border: solid thick blue; font: 20px Ahem; float: left; color: gray; + margin: 0.2em; height: auto; width: 3em; text-align: center; } + </style> + </head> + <body> + <p>Test passes if the 4 blue rectangles have the <strong>same size</strong>.</p> + <div class="test"> + <div>ÉÉÉ</div> + <table><tr><td>ÉÉÉ</td></tr></table> + <table><tr><td><img class="img" src="support/1x1-gray.png" width="60" height="16" + alt="(image test failed)"/></td></tr></table> + <table><tr><td><img src="404" alt="ÉÉÉ" width="60" height="16"/></td></tr></table> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-011.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-011.xht new file mode 100644 index 0000000000..d2c282c40e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-011.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + <title>CSS Test: CSS Inline Box Model: Baseline alignment of images</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/011.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/> + <meta name="flags" content="image"/> + <style type="text/css"> + .test { background: green; width: 98px; font-size: 20px; line-height: 1; } + </style> + </head> + <body> + <p>Test passes if there is a cat sitting on a green bar below.</p> + <p class="test"><img src="support/cat.png" alt="FAIL"/></p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-012.xht new file mode 100644 index 0000000000..02e4415951 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-012.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//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 Inline Box Model: Baseline alignment of images</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/012.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#line-height"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting"/> + <meta name="flags" content="image"/> + <style type="text/css"> + .test { background: red; width: 98px; font-size: 20px; line-height: 1; } + span { background: green; } + </style> + </head> + <body> + <p>Test passes if there is a cat sitting on a green bar below and no red.</p> + <p class="test"><span><img src="support/cat.png" alt="FAIL"/></span></p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-013-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-013-ref.xht new file mode 100644 index 0000000000..64b23a4de0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-013-ref.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p {font: 1em/1.25 serif;} + + div {font: 64px/1 monospace;} + + div#wrapper + { + position: relative; + top: 28px; + } + + div#test + { + position: relative; + bottom: 64px; + } + ]]></style> + + </head> + + <body> + + <p>You should see the word PASS below, with the<br /> + word fail crossed out with Xs on the line below.</p> + + <div id="wrapper"> + <div id="control1">PASS</div> + + <div id="control2">FAIL</div> + + <div id="test">XXXX</div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-013.xht new file mode 100644 index 0000000000..20ef0bfe27 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-013.xht @@ -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: Inline box model: space taken by images before floats</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-26 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/013.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/> + <link rel="match" href="inlines-013-ref.xht" /> + + <meta name="flags" content="image"/> + + <style type="text/css"> + p {font: 1em/1.25 serif;} + div { font: 64px/1 monospace; } + #control1 { position: absolute; top: 100px; } + #control2 { position: absolute; top: 164px; } + #container { position: absolute; top: 100px; width: 0; } /* width: 0; so that the float can't arguably be on the first line */ + #test { float: left; } + </style> + </head> + <body> + <p>You should see the word PASS below, with the<br /> + word fail crossed out with Xs on the line below.</p> + <div id="control1">PASS</div> + <div id="control2">FAIL</div> + <div id="container"> + <img src="support/1x1-white.png" alt="(image test failed)"/> <!-- this should generate a line box 64px high --> + <div id="test">XXXX</div> <!-- this will overlap the PASS if it ends up on the previous line, otherwise it will overlap the fail --> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-014.xht new file mode 100644 index 0000000000..181fe31e61 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-014.xht @@ -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: Inline box model: space taken by images in cells</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-26 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/014.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> + + <meta name="flags" content="image"/> + <style type="text/css"> + div { background: red; height: 64px; width: 128px; } + table { background: green; width: 100%; padding: 0; border: 0; border-spacing: 0; margin: 0; } + td { padding: 0; border: 0; font-size: 64px; } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <table> + <tr> + <td> + <img src="support/1x1-white.png" alt="(image test failed)"/> <!-- this should generate a line box with the height of the cell's line-height --> + </td> + </tr> + </table> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-015.xht new file mode 100644 index 0000000000..880b43eaa7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-015.xht @@ -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: Inline box model: space taken by images in cells</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-26 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/015.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> + <meta name="flags" content="image"/> + <style type="text/css"> + div { background: red; height: 64px; width: 128px; } + table { background: green; width: 100%; padding: 0; border: 0; border-spacing: 0; margin: 0; } + td { padding: 0; border: 0; font-size: 64px; } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <table> + <tr> <!-- same as 014 but without spaces around the image --> + <td><img src="support/1x1-white.png" alt="(image test failed)"/></td> + </tr> + </table> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-016-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-016-ref.xht new file mode 100644 index 0000000000..791eeb717b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-016-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {margin: 40px;} + + img {vertical-align: top;} + ]]> + </style> + + </head> + + <body> + + <p>The following two blocks should be identical.</p> + + <div><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-aqua.png" width="80" height="40" alt="Image download support must be enabled" /><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-aqua.png" width="80" height="40" alt="Image download support must be enabled" /><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-016.xht new file mode 100644 index 0000000000..28c825a92f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-016.xht @@ -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" lang="en"> + <head> + <title>CSS Test: Inline box model: space collapsing, padding, white-space, et al</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-06-27 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/016.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> + <link rel="match" href="inlines-016-ref.xht" /> + + <meta name="flags" content="ahem"/> + <meta name="assert" content="If a space (U+0020) at the beginning of a line + has 'white-space' set to 'normal', then it is removed, even if there's padding."/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div { width: 4em; background: teal; color: aqua; margin: 1em; font: 2.5em/1 Ahem; } + .test span { padding-left: 1em; } + .control { white-space: pre; } + </style> + </head> + <body> + <p>The following two blocks should be identical.</p> + <div class="test"><span> XX</span></div> + <div class="control"><span> XX</span></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-017-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-017-ref.xht new file mode 100644 index 0000000000..e6034affc4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-017-ref.xht @@ -0,0 +1,50 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + table + { + border-spacing: 0px; + padding-top: 10px; + } + + td {padding: 0px 20px 20px 0px;} + + img + { + height: 20px; + vertical-align: top; + width: 20px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a perfect five by five grid of dots.</p> + + <table> + + <tr><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td><td><img src="support/swatch-teal.png" alt="Image download support must be enabled" /></td></tr> + + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-017.xht new file mode 100644 index 0000000000..e457c589b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-017.xht @@ -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" lang="en"> + <head> + <title>CSS Test: First line alignment</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-26 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/017.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> + <link rel="match" href="inlines-017-ref.xht" /> + + <meta name="flags" content="ahem"/> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div {font: 1.25em/1 Ahem; width: 10em;} + span { color: teal; border-left: 1em teal solid; padding-left: 1em; line-height: 2; } + </style> + </head> + <body> + <p>Test passes if there is a perfect five by five grid of dots.</p> + <div> + <span> x x x x x x x x x x x x x x x x x x x x x x x x </span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-020-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-020-ref.xht new file mode 100644 index 0000000000..99a52579f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-020-ref.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + color: green; + font: 20px/1 serif; + margin: 0; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div> + + <div>Test passes if this sentence is green and has a small green square above it.</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/inlines-020.xht b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-020.xht new file mode 100644 index 0000000000..9799adfb75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/inlines-020.xht @@ -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: CSS Inline Box Model: Empty inlines near the top of the document</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-26 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/020.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> + <link rel="match" href="inlines-020-ref.xht" /> + + <style type="text/css"> + p, body, html { margin: 0; padding: 0; font: 20px/1 serif; } + div { display: inline; border-left: green solid 20px; } + .fail { background: red; color: yellow; width: 4em; } + .pass { background: white; color: green; position: absolute; top: 1em; } + </style> + </head> + <body> + <div></div> + <p class="fail">FAIL</p> + <p class="pass">Test passes if this sentence is green and has a small green square above it.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/intrinsic-size-with-negative-margins.html b/testing/web-platform/tests/css/CSS2/normal-flow/intrinsic-size-with-negative-margins.html new file mode 100644 index 0000000000..93dfc3dfd7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/intrinsic-size-with-negative-margins.html @@ -0,0 +1,8 @@ +<!DOCTYPE html> +<title>Intrinsic size of an atomic inline with negative margins.</title> +<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#propdef-width"> +<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> +<p>Test passes if there is a filled green square.</p> +<div style="display: inline-block; border: solid green 25px; line-height: 0;"> + <div style="display: inline-block; width: 50px; height: 50px; margin-right: -100%; background: green;"></div> +</div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-height-block.html b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-height-block.html new file mode 100644 index 0000000000..0248ccb910 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-height-block.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins"> +<link rel="help" href="http://crbug.com/962175"> +<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> +<meta name="assert" content="A percentage height is unresolvable (i.e. gets treated as auto) if the containing block is auto."> +<p>Test passes if there is a filled green square.</p> +<div style="height:200px;"> + <div style="overflow:hidden; width:100px; background:green;"> + <div style="margin-bottom:100px;"></div> + <div style="height:30%;"></div> + <div style="margin-top:100px;"></div> + </div> +</div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-padding.html b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-padding.html new file mode 100644 index 0000000000..dfd5015d05 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-percentage-padding.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins"> +<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=967193"> +<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> +<meta name="assert" content="A vertical percentage padding that resolves to 0 shouldn't prevent margins from collapsing through the box"> +<p>Test passes if there is a filled green square.</p> +<div style="float:left; width:100px; background:green;"> + <div id="container" style="width:100px;"> + <div style="width:100px; margin-bottom:100px;"></div> + <div style="padding:100% 0;"></div> + <div style="width:100px; margin-top:100px;"></div> + </div> +</div> +<script> + document.body.offsetTop; + container.style.width = "0"; +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-zero-height-block.html b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-zero-height-block.html new file mode 100644 index 0000000000..471a4c7f5a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapse-through-zero-height-block.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<title>Collapse bottom margin from previous sibling through zero height block to next sibling</title> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins"> +<link rel="match" href="../../reference/ref-filled-green-200px-square.html"> +<p>Test passes if there is a filled green square and <strong>no red</strong>.</p> +<div style="overflow:hidden; width:200px; height:400px; background:green;"> + <div style="margin-bottom:200px;"></div> + <div style="height:0;"></div> + <div style="height:200px; margin-top:100px; background:white;"></div> + <div style="height:200px; background:red;"></div> +</div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-dynamic.html b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-dynamic.html new file mode 100644 index 0000000000..f1b8ee5ddb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-dynamic.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<link rel="match" href="../../reference/ref-filled-green-100px-square.xht" /> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins"> +<p>Test passes if there is a filled green square and <strong>no red</strong>.</p> +<div style="width: 100px; height: 100px; background: green;"></div> +<div style="width: 0; height: 0; outline: solid red 50px; position: relative; z-index: 1; overflow: clip; margin-left: 50px;"> + <div id="target"></div> +</div> +<script> +document.body.offsetTop; +document.getElementById('target').style.marginTop = '-1000px'; +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-001.html new file mode 100644 index 0000000000..9e93623739 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-001.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<link rel="author" title="David Grogan" href="dgrogan@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/tables.html#model"> +<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> +<meta name="assert" content="margins between sibling blocks are collapsed inside caption" /> +<title> +Caption block containers are rendered same as normal block boxes +</title> + +<style> +div { + margin: 10px; + height: 35px; +} +</style> + +<p>Test passes if there is a filled green square.</p> + +<table> + <caption style="width:100px; background:green"> + <div></div> + <div></div> + </caption> +</table> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-002.html b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-002.html new file mode 100644 index 0000000000..a7fefa47f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/margin-collapsing-in-table-caption-002.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<link rel="author" title="David Grogan" href="dgrogan@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/tables.html#model"> +<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> +<meta name="assert" content="margins between parent and child block collapse inside caption" /> +<title> +Caption block containers are rendered same as normal block boxes +</title> + +<style> +div { + margin-top: 100px; +} +</style> + +<p>Test passes if there is a filled green square.</p> + +<table> + <caption style="width:100px; background:green"> + <div> + <div></div> + </div> + </caption> +</table> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-001.xht new file mode 100644 index 0000000000..0f84a90b58 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-001.xht @@ -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: Max-height using pixels with a minimum minus one value, -1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in pixels." /> + <style type="text/css"> + div + { + background: black; + max-height: -1px; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-002.xht new file mode 100644 index 0000000000..bccc30f7ec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-002.xht @@ -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: Max-height using pixels with a minimum value, 0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a minimum length value in pixels." /> + <style type="text/css"> + div + { + background: red; + max-height: 0px; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-003.xht new file mode 100644 index 0000000000..8b63b2890d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-003.xht @@ -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: Max-height using pixels with a minimum plus one value, 1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-003-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in pixels." /> + <style type="text/css"> + div + { + background: black; + max-height: 1px; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a thin horizontal line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-004.xht new file mode 100644 index 0000000000..0cc7746147 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-004.xht @@ -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: Max-height using pixels with a negative zero value, -0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a negative zero length value in pixels." /> + <style type="text/css"> + div + { + background: red; + max-height: -0px; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-005.xht new file mode 100644 index 0000000000..76b837b0ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-005.xht @@ -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: Max-height using pixels with a positive zero value, +0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive zero length value in pixels." /> + <style type="text/css"> + div + { + background: red; + max-height: +0px; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-006.xht new file mode 100644 index 0000000000..5874a23dd5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-006.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using pixels with a nominal value, 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a nominal length value in pixels." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + max-height: 96px; + height: 192px; + width: 1in; + } + #div3 + { + border-top: 96px solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-007.xht new file mode 100644 index 0000000000..80ec6f6628 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-007.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using pixels with a positive nominal value, +96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive nominal length value in pixels." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + max-height: +96px; + height: 192px; + width: 1in; + } + #div3 + { + border-top: 96px solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-012.xht new file mode 100644 index 0000000000..dde742d737 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-012.xht @@ -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: Max-height using points with a minimum minus one value, -1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in points." /> + <style type="text/css"> + div + { + background: black; + max-height: -1pt; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-013.xht new file mode 100644 index 0000000000..13381a1efe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-013.xht @@ -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: Max-height using points with a minimum value, 0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a minimum length value in points." /> + <style type="text/css"> + div + { + background: red; + max-height: 0pt; + height: 100pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-014.xht new file mode 100644 index 0000000000..ba5a38c9b1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-014.xht @@ -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: Max-height using points with a minimum plus one value, 1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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" /> + + <!-- + The reftest uses a 1px line. Now, 1pt is 1.33333px. + It is not entirely assured that all user agents will + resolve this as 1px. So, I decided to not insert + the reftest height-003-ref.xht + link rel="match" href="height-003-ref.xht" + --> + + <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in points." /> + <style type="text/css"> + div + { + background: black; + max-height: 1pt; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a thin line.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-015.xht new file mode 100644 index 0000000000..6adf8eca1d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-015.xht @@ -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: Max-height using points with a negative zero value, -0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a negative zero length value in points." /> + <style type="text/css"> + div + { + background: red; + max-height: -0pt; + height: 100pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-016.xht new file mode 100644 index 0000000000..79efaea0b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-016.xht @@ -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: Max-height using points with a positive zero value, +0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive zero length value in points." /> + <style type="text/css"> + div + { + background: red; + max-height: +0pt; + height: 100pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-017.xht new file mode 100644 index 0000000000..aadbcf30d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-017.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using points with a nominal value, 72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a nominal length value in points." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + max-height: 72pt; + height: 144pt; + width: 1in; + } + #div3 + { + border-top: 72pt solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-018.xht new file mode 100644 index 0000000000..8196689c43 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-018.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using points with a positive nominal value, +72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive nominal length value in points." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + max-height: +72pt; + height: 144pt; + width: 1in; + } + #div3 + { + border-top: 72pt solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-023.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-023.xht new file mode 100644 index 0000000000..97b0e5af38 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-023.xht @@ -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: Max-height using picas with a minimum minus one value, -1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in picas." /> + <style type="text/css"> + div + { + background: black; + max-height: -1pc; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-024.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-024.xht new file mode 100644 index 0000000000..5e425f7495 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-024.xht @@ -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: Max-height using picas with a minimum value, 0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a minimum length value in picas." /> + <style type="text/css"> + div + { + background: red; + max-height: 0pc; + height: 10pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-025-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-025-ref.xht new file mode 100644 index 0000000000..9cb13ae752 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-025-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 1pc; + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a wide black bar and <strong>no red</strong>.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-025.xht new file mode 100644 index 0000000000..118a8316d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-025.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using picas with a minimum plus one value, 1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="max-height-025-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in picas." /> + <style type="text/css"> + div#red-overlapped + { + background-color: red; + height: 12pc; + max-height: 1pc; + } + + div#black-overlapping + { + background-color: black; + bottom: 1pc; + height: 1pc; + position: relative; + } + </style> + </head> + <body> + <p>Test passes if there is a wide black bar and <strong>no red</strong>.</p> + + <div id="red-overlapped"></div> + + <div id="black-overlapping"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-026.xht new file mode 100644 index 0000000000..e19f6cc64d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-026.xht @@ -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: Max-height using picas with a negative zero value, -0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a negative zero length value in picas." /> + <style type="text/css"> + div + { + background: red; + max-height: -0pc; + height: 10pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-027.xht new file mode 100644 index 0000000000..ee9fb95c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-027.xht @@ -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: Max-height using picas with a positive zero value, +0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive zero length value in picas." /> + <style type="text/css"> + div + { + background: red; + max-height: +0pc; + height: 10pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-028.xht new file mode 100644 index 0000000000..1c33b309d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-028.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using picas with a nominal value, 6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a nominal length value in picas." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + max-height: 6pc; + height: 12pc; + width: 1in; + } + #div3 + { + border-top: 6pc solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-029.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-029.xht new file mode 100644 index 0000000000..cc8fd9d229 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-029.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using picas with a positive nominal value, +6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive nominal length value in picas." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + max-height: +6pc; + height: 12pc; + width: 1in; + } + #div3 + { + border-top: 6pc solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-034.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-034.xht new file mode 100644 index 0000000000..22278b5a2f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-034.xht @@ -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: Max-height using centimeters with a minimum minus one value, -1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in centimeters." /> + <style type="text/css"> + div + { + background: black; + max-height: -1cm; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-035.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-035.xht new file mode 100644 index 0000000000..ce2293f172 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-035.xht @@ -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: Max-height using centimeters with a minimum value, 0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a minimum length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + max-height: 0cm; + height: 4cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-036-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-036-ref.xht new file mode 100644 index 0000000000..845838c22c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-036-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 1cm; + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a thick black stripe and <strong>no red</strong>.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-036.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-036.xht new file mode 100644 index 0000000000..48b1dcc1e2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-036.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using centimeters with a minimum plus one value, 1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-height-036-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in centimeters." /> + <style type="text/css"> + div#red-overlapped + { + background-color: red; + height: 4cm; + max-height: 1cm; + } + + div#black-overlapping + { + background-color: black; + bottom: 1cm; + height: 1cm; + position: relative; + } + </style> + </head> + <body> + <p>Test passes if there is a thick black stripe and <strong>no red</strong>.</p> + + <div id="red-overlapped"></div> + + <div id="black-overlapping"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-037.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-037.xht new file mode 100644 index 0000000000..a88f866e79 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-037.xht @@ -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: Max-height using centimeters with a negative zero value, -0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a negative zero length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + max-height: -0cm; + height: 4cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-038.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-038.xht new file mode 100644 index 0000000000..276b825615 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-038.xht @@ -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: Max-height using centimeters with a positive zero value, +0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive zero length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + max-height: +0cm; + height: 4cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-039.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-039.xht new file mode 100644 index 0000000000..bffae8b742 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-039.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using centimeters with a nominal value, 2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a nominal length value in centimeters." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + max-height: 2.54cm; + height: 5.08cm; + width: 1in; + } + #div3 + { + border-top: 2.54cm solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-040.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-040.xht new file mode 100644 index 0000000000..bac9d2aa91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-040.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using centimeters with a positive nominal value, +2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive nominal length value in centimeters." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + max-height: +2.54cm; + height: 5.08cm; + width: 1in; + } + #div3 + { + border-top: 2.54cm solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-045.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-045.xht new file mode 100644 index 0000000000..1b87f66dbf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-045.xht @@ -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: Max-height using millimeters with a minimum minus one value, -1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in millimeters." /> + <style type="text/css"> + div + { + background: black; + max-height: -1mm; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-046.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-046.xht new file mode 100644 index 0000000000..ec21de4f30 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-046.xht @@ -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: Max-height using millimeters with a minimum value, 0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a minimum length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + max-height: 0mm; + height: 50mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-047-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-047-ref.xht new file mode 100644 index 0000000000..0bb87aa315 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-047-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 1mm; + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a black horizontal line and <strong>no red</strong>.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-047.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-047.xht new file mode 100644 index 0000000000..e7d5c2757e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-047.xht @@ -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: Max-height using millimeters with a minimum plus one value, 1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-height-047-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in millimeters." /> + <style type="text/css"> + div#red-overlapped + { + background-color: red; + height: 25mm; + max-height: 1mm; + } + + div#black-overlapping + { + background-color: black; + bottom: 1mm; + height: 1mm; + position: relative; + } + </style> + </head> + <body> + <p>Test passes if there is a black horizontal line and <strong>no red</strong>.</p> + + <div id="red-overlapped"></div> + + <div id="black-overlapping"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-048.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-048.xht new file mode 100644 index 0000000000..1baddbb1e4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-048.xht @@ -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: Max-height using millimeters with a negative zero value, -0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a negative zero length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + max-height: -0mm; + height: 50mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-049.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-049.xht new file mode 100644 index 0000000000..4a0df1e111 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-049.xht @@ -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: Max-height using millimeters with a positive zero value, +0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive zero length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + max-height: +0mm; + height: 50mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-050.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-050.xht new file mode 100644 index 0000000000..fac7d4118e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-050.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using millimeters with a nominal value, 25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a nominal length value in millimeters." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + max-height: 25.4mm; + height: 50.8mm; + width: 1in; + } + #div3 + { + border-top: 25.4mm solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-051.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-051.xht new file mode 100644 index 0000000000..3466b4c3f6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-051.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using millimeters with a positive nominal value, +25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive nominal length value in millimeters." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + max-height: +25.4mm; + height: 50.8mm; + width: 1in; + } + #div3 + { + border-top: 25.4mm solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-056.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-056.xht new file mode 100644 index 0000000000..40a360e159 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-056.xht @@ -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: Max-height using inches with a minimum minus one value, -1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in inches." /> + <style type="text/css"> + div + { + background: black; + max-height: -1in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-057.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-057.xht new file mode 100644 index 0000000000..a39adf2c6d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-057.xht @@ -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: Max-height using inches with a minimum value, 0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a minimum length value in inches." /> + <style type="text/css"> + div + { + background: red; + max-height: 0in; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-058-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-058-ref.xht new file mode 100644 index 0000000000..63aa176578 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-058-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 96px; + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled black rectangle and <strong>no red</strong>.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-058.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-058.xht new file mode 100644 index 0000000000..2b2db4efc2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-058.xht @@ -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: Max-height using inches with a minimum plus one value, 1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="max-height-058-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in inches." /> + <style type="text/css"> +div#red-overlapped { background-color: red; height: 2in; max-height: 1in; } div#black-overlapping { background-color: black; height: 1in; position: relative; bottom: 1in; } + </style> + </head> + <body> + <p>Test passes if there is a filled black rectangle and <strong>no red</strong>.</p> + + <div id="red-overlapped"></div> + + <div id="black-overlapping"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-059.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-059.xht new file mode 100644 index 0000000000..f12e3738ec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-059.xht @@ -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: Max-height using inches with a negative zero value, -0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a negative zero length value in inches." /> + <style type="text/css"> + div + { + background: red; + max-height: -0in; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-060.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-060.xht new file mode 100644 index 0000000000..cf4ba3a9d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-060.xht @@ -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: Max-height using inches with a positive zero value, +0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive zero length value in inches." /> + <style type="text/css"> + div + { + background: red; + max-height: +0in; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-061.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-061.xht new file mode 100644 index 0000000000..1fe10e5053 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-061.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using inches with a nominal value, 3in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-061-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a nominal length value in inches." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + max-height: 3in; + height: 4in; + width: 1in; + } + #div3 + { + border-top: 3in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-062.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-062.xht new file mode 100644 index 0000000000..56cac061df --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-062.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using inches with a positive nominal value, +3in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-061-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive nominal length value in inches." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + max-height: +3in; + height: 4in; + width: 1in; + } + #div3 + { + border-top: 3in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-067.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-067.xht new file mode 100644 index 0000000000..6cb3055fc2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-067.xht @@ -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: Max-height using 'em' units with a minimum minus one value, -1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: black; + font: 20px/1 Ahem; + max-height: -1em; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-068.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-068.xht new file mode 100644 index 0000000000..461ceca75e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-068.xht @@ -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: Max-height using 'em' units with a minimum value, 0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-height' property sets a minimum length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + max-height: 0em; + height: 100em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-069-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-069-ref.xht new file mode 100644 index 0000000000..102b5f913d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-069-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 20px; + vertical-align: top; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a wide black bar and <strong>no red</strong>.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-069.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-069.xht new file mode 100644 index 0000000000..3679994de4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-069.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using 'em' units with a minimum plus one value, 1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="max-height-069-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div {font: 20px/1 Ahem;} + + div#red-overlapped + { + background-color: red; + height: 6em; + max-height: 1em; + } + + div#black-overlapping + { + background-color: black; + bottom: 1em; + height: 1em; + position: relative; + } + </style> + </head> + <body> + <p>Test passes if there is a wide black bar and <strong>no red</strong>.</p> + <div id="red-overlapped"></div> + <div id="black-overlapping"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-070.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-070.xht new file mode 100644 index 0000000000..c80e5537fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-070.xht @@ -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: Max-height using 'em' units with a negative zero value, -0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-height' property sets a negative zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + max-height: -0em; + height: 5em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-071.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-071.xht new file mode 100644 index 0000000000..1e1f3286f4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-071.xht @@ -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: Max-height using 'em' units with a positive zero value, +0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-height' property sets a positive zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + max-height: +0em; + height: 5em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-072.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-072.xht new file mode 100644 index 0000000000..afbd71d3d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-072.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using 'em' units with a nominal value, 5em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-072-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-height' property sets a nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + } + #div2 + { + background: black; + max-height: 5em; + height: 10em; + width: 100px; + } + #div3 + { + border-top: 5em solid black; + left: 104px; + position: absolute; + top: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-073.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-073.xht new file mode 100644 index 0000000000..e376a7c042 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-073.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using 'em' units with a positive nominal value, +5em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-072-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-height' property sets a positive nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + } + #div2 + { + background: black; + max-height: +5em; + height: 10em; + width: 100px; + } + #div3 + { + border-top: 5em solid black; + left: 104px; + position: absolute; + top: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-078.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-078.xht new file mode 100644 index 0000000000..5e4d901710 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-078.xht @@ -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: Max-height using 'ex' units with a minimum minus one value, -1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: black; + font: 20px/1 Ahem; + max-height: -1ex; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-079.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-079.xht new file mode 100644 index 0000000000..341818aecd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-079.xht @@ -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: Max-height using 'ex' units with a minimum value, 0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-height' property sets a minimum length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + max-height: 0ex; + height: 6ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-080.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-080.xht new file mode 100644 index 0000000000..8d1b087a02 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-080.xht @@ -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: Max-height using 'ex' units with a minimum plus one value, 1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-09 --> + <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="max-height-025-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div {font: 20px/1 Ahem;} + + div#red-overlapped + { + background-color: red; + height: 4ex; + max-height: 1ex; + } + + div#black-overlapping + { + background-color: black; + bottom: 1ex; + height: 1ex; + position: relative; + } + </style> + </head> + <body> + <p>Test passes if there is a wide black bar and <strong>no red</strong>.</p> + + <div id="red-overlapped"></div> + + <div id="black-overlapping"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-081.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-081.xht new file mode 100644 index 0000000000..07e4112ce0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-081.xht @@ -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: Max-height using 'ex' units with a negative zero value, -0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-height' property sets a negative zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + max-height: -0ex; + height: 6ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-082.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-082.xht new file mode 100644 index 0000000000..832e3b2dc6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-082.xht @@ -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: Max-height using 'ex' units with a positive zero value, +0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-height' property sets a positive zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + max-height: +0ex; + height: 6ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-083.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-083.xht new file mode 100644 index 0000000000..dbd0b77a4e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-083.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using 'ex' units with a nominal value, 6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-height' property sets a nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + } + #div2 + { + background: black; + max-height: 6ex; + height: 12ex; + width: 1in; + } + #div3 + { + border-top: 96px solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-084.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-084.xht new file mode 100644 index 0000000000..4689363816 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-084.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height using 'ex' units with a positive nominal value, +6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-height' property sets a positive nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + } + #div2 + { + background: black; + max-height: +6ex; + height: 12ex; + width: 1in; + } + #div3 + { + border-top: 96px solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-089.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-089.xht new file mode 100644 index 0000000000..374b4be5d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-089.xht @@ -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: Max-height using percentages with a minimum minus one value, -1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-height' property sets a minimum minus one length value in percentages." /> + <style type="text/css"> + div + { + background: black; + max-height: -1%; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-090.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-090.xht new file mode 100644 index 0000000000..1c95b08ccf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-090.xht @@ -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: Max-height using percentages with a minimum value, 0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a minimum length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + } + div div + { + background: red; + max-height: 0%; + height: 100%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-091.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-091.xht new file mode 100644 index 0000000000..436a6629eb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-091.xht @@ -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: Max-height using percentages with a minimum plus one value, 1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-003-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a minimum plus one length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 100px; + } + div div + { + background: black; + max-height: 1%; + height: 100%; + } + </style> + </head> + <body> + <p>Test passes if there is a thin horizontal line.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-092.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-092.xht new file mode 100644 index 0000000000..ec4adfa162 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-092.xht @@ -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: Max-height using percentages with a negative zero value, -0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a negative zero length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + } + div div + { + background: red; + max-height: -0%; + height: 100%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-093.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-093.xht new file mode 100644 index 0000000000..ad7861c5e7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-093.xht @@ -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: Max-height using percentages with a positive zero value, +0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive zero length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + } + div div + { + background: red; + max-height: +0%; + height: 100%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-094.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-094.xht new file mode 100644 index 0000000000..e66e17273a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-094.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 using percentages with a nominal value, 100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a nominal length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + position: relative; + } + #div2 + { + background: black; + max-height: 100%; + height: 200%; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-095.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-095.xht new file mode 100644 index 0000000000..e34c167523 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-095.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 using percentages with a positive nominal value, +100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive nominal length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + position: relative; + } + #div2 + { + background: black; + max-height: +100%; + height: 200%; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-100.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-100.xht new file mode 100644 index 0000000000..7a4d489a9b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-100.xht @@ -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: Max-height with a negative zero value and no units, -0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-height' property sets a negative zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + max-height: -0; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-101.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-101.xht new file mode 100644 index 0000000000..ca382d2eec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-101.xht @@ -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: Max-height with a zero value and no units, 0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'max-height' property sets a zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + max-height: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-102.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-102.xht new file mode 100644 index 0000000000..bea70e3055 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-102.xht @@ -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: Max-height with a positive zero value and no units, +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-28 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-height' property sets a positive zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + max-height: +0; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-103.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-103.xht new file mode 100644 index 0000000000..400dc10292 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-103.xht @@ -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: Max-height set to a value of 'none'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-height' property with a value of 'none' means that there is no constraining maximum height being applied to the element." /> + <style type="text/css"> + div + { + background-color: black; + height: 96px; + max-height: 0px; + max-height: none; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-104.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-104.xht new file mode 100644 index 0000000000..ad08a7427a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-104.xht @@ -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: Max-height set to inherit</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-003-ref.xht" /> + + <meta name="assert" content="The 'max-height' property properly inherits the max-height value of the parent." /> + <style type="text/css"> + #div1 + { + max-height: 1px; + } + div div + { + background: black; + height: 2in; + max-height: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is a thin horizontal line.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-105.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-105.xht new file mode 100644 index 0000000000..b6c4b092d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-105.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: max-height - oveflow</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta content="The 'max-height' property can restrain the used value of height when the used value of height is greater than the declared max-height and not when it is less than the declared max-height and not when it does not exceed the declared max-height." name="assert" /> + + <style type="text/css"><![CDATA[ + div#red-parent + { + background-color: red; + max-height: 400px; + overflow: scroll; + width: 200px; + } + + div#green-child + { + background-color: green; + height: 200px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a green rectangle with inactive scrollbars and no red square.</p> + + <div id="red-parent"> + <div id="green-child"></div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-106.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-106.xht new file mode 100644 index 0000000000..cee45a6763 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-106.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: max-height - float and overflow</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" /> + <meta content="ahem" name="flags" /> + <meta content="" name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + color: blue; + float: left; + font: 200px/1 Ahem; + max-height: 200px; + overflow: scroll; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a blue rectangle with scrollbars.</p> + + <div>X</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-107-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-107-ref.xht new file mode 100644 index 0000000000..f2f9e0ec11 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-107-ref.xht @@ -0,0 +1,32 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 200px; + margin-bottom: 208px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-107.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-107.xht new file mode 100644 index 0000000000..c62d236d28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-107.xht @@ -0,0 +1,52 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 - space for scrollbar</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="match" href="max-height-107-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#test-red-overlapped + { + color: red; + font: 200px/1 Ahem; + max-height: 200px; + overflow: scroll; + width: 200px; + } + + div#control-green-overlapping + { + background-color: green; + height: 200px; + position: relative; + top: -200px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a green square and <strong>no red</strong>.</p> + + <div id="test-red-overlapped">X</div> + + <div id="control-green-overlapping"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-108.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-108.xht new file mode 100644 index 0000000000..523eb25d47 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-108.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: max-height - overflow</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta content="ahem" name="flags" /> + <meta content="The max-height property can restrain the used value of height when the used value of height is greater than the declared max-height and not when it is less than the declared max-height and not when it does not exceed the declared max-height." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#red-parent + { + background-color: red; + max-height: 400px; + overflow: scroll; + } + + div#green-child + { + background-color: green; + color: green; + font: 200px/1 Ahem; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a wide green rectangle across the page; such green rectangle should have inactive scrollbars. There should be no wide red rectangle.</p> + + <div id="red-parent"> + <div id="green-child">X</div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-109.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-109.xht new file mode 100644 index 0000000000..5209dd1338 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-109.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: max-height - overflow</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta content="ahem" name="flags" /> + <meta content="The 'max-height' property can restrain the used value of height when the used value of height is greater than the declared max-height." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#red-parent + { + background-color: red; + max-height: 400px; + overflow: auto; + } + + div#green-child + { + color: green; + font: 200px/1 Ahem; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a wide green rectangle across the page; such green rectangle should have an active horizontal scrollbar. There should be no wide red rectangle.</p> + + <div id="red-parent"> + <div id="green-child">XXXXXXXXXXXXXXX</div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-110-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-110-ref.xht new file mode 100644 index 0000000000..769a7abbdf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-110-ref.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 200px; + margin-bottom: 208px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a wide green rectangle across the page and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-110.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-110.xht new file mode 100644 index 0000000000..d2f3935321 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-110.xht @@ -0,0 +1,51 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 - space for scrollbar</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="match" href="max-height-110-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#test-red-overlapped + { + background-color: red; + color: red; + font: 200px/1 Ahem; + max-height: 200px; + overflow: scroll; + } + + div#control-green-overlapping + { + background-color: green; + height: 200px; + position: relative; + top: -200px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a wide green rectangle across the page and <strong>no red</strong>.</p> + + <div id="test-red-overlapped">X</div> + + <div id="control-green-overlapping"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-111.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-111.xht new file mode 100644 index 0000000000..42a0d8681e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-111.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 - float and overflow</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta content="ahem" name="flags" /> + <meta content="The content of the #test-red-overlapped generates an active horizontal scrollbar. The height of such horizontal scrollbar adds itself to the content making it exceed the max-height constraint of 200px. Therefore, such vertical space taken by the horizontal scrollbar must be substracted from the height of the content. An active vertical scrollbar then must be generated to provide access to the equivalent of the height of the horizontal scrollbar." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + font: 200px/1 Ahem; + overflow: auto; + width: 200px; + } + + #test-red-overlapped + { + color: red; + float: left; + max-height: 200px; + } + + #control-green-overlapping + { + clear: left; + color: green; + height: 200px; + position: relative; + top: -200px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a green square and <strong>no red</strong>. Such green square should have active horizontal and vertical scrollbars.</p> + + <div id="test-red-overlapped">XX</div> + + <div id="control-green-overlapping">XX</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-001.xht new file mode 100644 index 0000000000..8ed97fa6b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-001.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height applied to elements with 'display' set to 'table-row-group'</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" /> + <meta name="flags" content="may" /> + <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + background: black; + display: table-row-group; + height: 3in; + max-height: 1in; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <!-- If 'max-height' is supported on 'table-row-group' then a square will be visible. --> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-002.xht new file mode 100644 index 0000000000..dcc5e9c0f4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-002.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height applied to elements with 'display' set to 'table-header-group'</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" /> + <meta name="flags" content="may" /> + <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + background: black; + display: table-header-group; + height: 3in; + max-height: 1in; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <!-- If 'max-height' is supported on 'table-header-group' then a square will be visible. --> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-003.xht new file mode 100644 index 0000000000..ff6b96ad87 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-003.xht @@ -0,0 +1,45 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height applied to elements with 'display' set to 'table-footer-group'</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" /> + <meta name="flags" content="may" /> + <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + background: black; + display: table-footer-group; + height: 3in; + max-height: 1in; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <!-- If 'max-height' is supported on 'table-footer-group' then a square will be visible. --> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"> </div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-004.xht new file mode 100644 index 0000000000..f405793c23 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-004.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height applied to elements with 'display' set to 'table-row'</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" /> + <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + #row + { + background: black; + display: table-row; + height: 3in; + max-height: 1in; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"> </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-005.xht new file mode 100644 index 0000000000..ac527ef657 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-005.xht @@ -0,0 +1,62 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-height' property does not to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + background-color: black; + display: table-column-group; + max-height: 0in; + } + .col + { + display: table-column; + } + + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + <div class="col"></div> + <div class="col"></div> + </div> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-006.xht new file mode 100644 index 0000000000..c21bfcb3ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-006.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-height' property does not to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + .test + { + background-color: black; + display: table-column; + max-height: 0in; + } + + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div class="test"></div> + <div class="test"></div> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-007.xht new file mode 100644 index 0000000000..6d1ec0710a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-007.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height applied to elements with 'display' set to 'table-cell'</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" /> + <meta name="flags" content="may" /> + <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + height: 3in; + max-height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <!-- If 'max-height' is supported on 'table-cell' then a square will be visible. --> + <div id="table"> + <div id="row"> + <div id="cell"> </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-008.xht new file mode 100644 index 0000000000..77aa904905 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-008.xht @@ -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: Max-height applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-height' property does not apply to elements with 'display' set to 'inline'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background-color: red; + color: green; + display: inline; + font: 100px/1 Ahem; + max-height: 0px; + } + </style> + </head> + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div>A</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-009.xht new file mode 100644 index 0000000000..6cf80484bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-009.xht @@ -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: Max-height applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + background: black; + display: block; + height: 3in; + max-height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-010.xht new file mode 100644 index 0000000000..ab489b70b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-010.xht @@ -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 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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" /> + <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + background: black; + display: list-item; + height: 3in; + margin-left: 2em; + max-height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-012.xht new file mode 100644 index 0000000000..641574da85 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-012.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + span#inline-block + { + background: black; + display: inline-block; + height: 3in; + max-height: 1in; + } + + span.block-descendant + { + display: block; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div> + <span id="inline-block"> + <span class="block-descendant">a</span> + <span class="block-descendant">b</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-013.xht new file mode 100644 index 0000000000..bb11808110 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-013.xht @@ -0,0 +1,49 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + background-color: black; + display: table; + height: 3in; + max-height: 1in; + table-layout: fixed; + width: 1in; + } + + .row + { + display: table-row; + } + .cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-014.xht new file mode 100644 index 0000000000..ced76440bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-014.xht @@ -0,0 +1,49 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + background-color: black; + display: inline-table; + height: 3in; + max-height: 1in; + table-layout: fixed; + vertical-align: top; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-015.xht new file mode 100644 index 0000000000..d7f8525312 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-015.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #table + { + display: table; + } + #caption + { + background: black; + display: table-caption; + height: 3in; + max-height: 1in; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-016.xht new file mode 100644 index 0000000000..b229816ceb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-applies-to-016.xht @@ -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: Max-Height applied to none</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="Max-Height can be declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion." /> + <style type="text/css"> + div + { + width: 100px; + height: 100px; + background: green; + } + span + { + display: none; + width: 100px; + max-height: 100px; + height: 1000px; + background-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-max-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-max-width-001.xht new file mode 100644 index 0000000000..f609c4b0d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-max-width-001.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 and max-width - float and overflow</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" /> + + <meta content="ahem" name="flags" /> + <meta content="Space taken up by the horizontal and vertical scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. In this test, assuming that the width of vertical scrollbar is 19px and assuming that the height of horizontal scrollbar is 19px, then the dimensions of the painted green area should be 181px by 181px. The height of horizontal scrollbar and the width of vertical scrollbar are entirely user-settable in most graphical user agents." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + color: blue; + float: left; + font: 200px/1 Ahem; + max-height: 200px; + max-width: 200px; + overflow: scroll; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a blue square with scrollbars.</p> + + <div>X</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001-ref.xht new file mode 100644 index 0000000000..6b4e2e0bf5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + + <div><img src="support/blue96x96.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001.xht new file mode 100644 index 0000000000..5ac6f609e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-001.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-height percentage is based on containing block</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="match" href="max-height-percentage-001-ref.xht" /> + + <meta name="assert" content="A percentage for 'max-height' is calculated with respect to the 'height' of the generated boxes containing block." /> + <style type="text/css"> + #div1 + { + height: 2in; + position: relative; + } + div div + { + width: 1in; + } + #div2 + { + background: blue; + height: 4in; + max-height: 50%; + } + #div3 + { + background: orange; + height: 1in; + left: 1in; + position: absolute; + top: 0; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002-ref.xht new file mode 100644 index 0000000000..23584c227c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002-ref.xht @@ -0,0 +1,20 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p> + + <div><img src="support/blue96x96.png" width="96" height="192" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="96" height="192" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002.xht new file mode 100644 index 0000000000..a495641d7f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-002.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Percentage 'max-height' with no 'height' on containing block</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="match" href="max-height-percentage-002-ref.xht" /> + + <meta name="assert" content="When the 'height' of the containing block (#div1) of an element (#div2) is not specified (or if such height has the value 'auto') and the element is not absolutely positioned, then a percentage value of 'max-height' on such element is treated as '0' for 'min-height' and 'none' for 'max-height'." /> + <style type="text/css"> + #div1 + { + position: relative; + } + div div + { + width: 1in; + } + #div2 + { + background: blue; + height: 2in; + max-height: 50%; + } + #div3 + { + background: orange; + height: 2in; + left: 1in; + position: absolute; + top: 0; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange rectangles have the <strong>same height</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-003.xht new file mode 100644 index 0000000000..b5c87820bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-percentage-003.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Test: max-height percentage - inline replaced element inside an auto-height container</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <!-- + Original post: + Image % sizing interoperability + from Bogdan Brinza who deserves credit for reporting this + http://lists.w3.org/Archives/Public/www-style/2014Jun/0079.html + --> + + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: 'min-height' and 'max-height'" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2014Jun/0079.html" title="Image % sizing interoperability" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta content="image" name="flags" /> + <meta content="This test checks that a max-height percentage is calculated with respect to the height of the generated box's containing block only if and only when such containing block's height is specified explicitly (i.e., it depends on content height; its specified height is not 'auto'). In this test, the div#child has an 'auto' height; therefore the max-height percentage is treated as 'none' and so the image should be rendered (entirely visible) inside that div#child. Note that div#parent's initial overflow value is 'visible'." name="assert" /> + + <style type="text/css"><![CDATA[ + div#parent {height: 0px;} + + img {max-height: 100%;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled black square.</p> + + <div id="parent"> + <div id="child"><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-height-separates-margin.html b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-separates-margin.html new file mode 100644 index 0000000000..b14ed54e06 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-height-separates-margin.html @@ -0,0 +1,8 @@ +<!DOCTYPE html> +<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins"> +<p>Test passes if there is a filled green square.</p> +<div style="width:100px; max-height:50px; background: green;"> + <div style="width:100px; height:51px; background:green; margin-bottom:10px;"></div> +</div> +<div style="width: 100px; height: 50px; background: green;"></div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-001.xht new file mode 100644 index 0000000000..1e2d590dfb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-001.xht @@ -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: Max-width using pixels with a minimum minus one value, -1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: -1px; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-002.xht new file mode 100644 index 0000000000..fc4690f7ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-002.xht @@ -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 using pixels with a minimum value, 0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a minimum length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: 0px; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-003-ref.xht new file mode 100644 index 0000000000..e0b9b4e69a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-003-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 96px; + vertical-align: top; + width: 1px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a thin vertical line.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-003.xht new file mode 100644 index 0000000000..1dab647fed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-003.xht @@ -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 using pixels with a minimum plus one value, 1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-003-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in pixels." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + max-width: 1px; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if there is a thin vertical line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-004.xht new file mode 100644 index 0000000000..39cdde5f8c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-004.xht @@ -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 using pixels with a negative zero value, -0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a negative zero length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: -0px; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-005.xht new file mode 100644 index 0000000000..109535ad4d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-005.xht @@ -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 using pixels with a positive zero value, +0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive zero length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: +0px; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-006-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-006-ref.xht new file mode 100644 index 0000000000..36fdc5b4bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-006-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {margin-bottom: 4px;} + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-006.xht new file mode 100644 index 0000000000..fd61f85a6f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-006.xht @@ -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: Max-width using pixels with a nominal value, 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a nominal length value in pixels." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + max-width: 96px; + width: 192px; + } + #div2 + { + border-left: 96px solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-007.xht new file mode 100644 index 0000000000..d5a3c2151b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-007.xht @@ -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: Max-width using pixels with a positive nominal value, +96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive nominal length value in pixels." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + max-width: +96px; + width: 192px; + } + #div2 + { + border-left: 96px solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-012.xht new file mode 100644 index 0000000000..5a4b873d0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-012.xht @@ -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: Max-width using points with a minimum minus one value, -1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: -1pt; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-013.xht new file mode 100644 index 0000000000..b9efbf7b3c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-013.xht @@ -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 using points with a minimum value, 0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a minimum length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: 0pt; + width: 72pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-014.xht new file mode 100644 index 0000000000..83c75c6528 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-014.xht @@ -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: Max-width using points with a minimum plus one value, 1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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" /> + <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in points." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + max-width: 1pt; + width: 72pt; + } + </style> + </head> + <body> + <p>Test passes if there is a thin vertical line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-015.xht new file mode 100644 index 0000000000..26643f9fd8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-015.xht @@ -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 using points with a negative zero value, -0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a negative zero length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: -0pt; + width: 72pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-016.xht new file mode 100644 index 0000000000..e6c932e392 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-016.xht @@ -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 using points with a positive zero value, +0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive zero length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: +0pt; + width: 72pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-017.xht new file mode 100644 index 0000000000..0d3cacee8b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-017.xht @@ -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: Max-width using points with a nominal value, 72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a nominal length value in points." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + max-width: 72pt; + width: 144pt; + } + #div2 + { + border-left: 72pt solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-018.xht new file mode 100644 index 0000000000..e2ffd86a1f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-018.xht @@ -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: Max-width using points with a positive nominal value, +72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive nominal length value in points." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + max-width: +72pt; + width: 144pt; + } + #div2 + { + border-left: 72pt solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-023.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-023.xht new file mode 100644 index 0000000000..be4015cf24 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-023.xht @@ -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: Max-width using picas with a minimum minus one value, -1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: -1pc; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-024.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-024.xht new file mode 100644 index 0000000000..f0b227b613 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-024.xht @@ -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 using picas with a minimum value, 0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a minimum length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: 0pc; + width: 6pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-025-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-025-ref.xht new file mode 100644 index 0000000000..cc33f97780 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-025-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a vertical black bar.</p> + + <div><img src="support/black96x96.png" width="16" height="96" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-025.xht new file mode 100644 index 0000000000..01d5de2399 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-025.xht @@ -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 using picas with a minimum plus one value, 1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-025-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in picas." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + max-width: 1pc; + width: 6pc; + } + </style> + </head> + <body> + <p>Test passes if there is a vertical black bar.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-026.xht new file mode 100644 index 0000000000..fe1d6f8143 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-026.xht @@ -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 using picas with a negative zero value, -0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a negative zero length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: -0pc; + width: 6pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-027.xht new file mode 100644 index 0000000000..ef15a04146 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-027.xht @@ -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 using picas with a positive zero value, +0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive zero length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: +0pc; + width: 6pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-028.xht new file mode 100644 index 0000000000..73d79099b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-028.xht @@ -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: Max-width using picas with a nominal value, 6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a nominal length value in picas." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + max-width: 6pc; + width: 12pc; + } + #div2 + { + border-left: 6pc solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-029.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-029.xht new file mode 100644 index 0000000000..2c86c6bc42 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-029.xht @@ -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: Max-width using picas with a positive nominal value, +6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive nominal length value in picas." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + max-width: +6pc; + width: 12pc; + } + #div2 + { + border-left: 6pc solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-034.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-034.xht new file mode 100644 index 0000000000..28e7798890 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-034.xht @@ -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: Max-width using centimeters with a minimum minus one value, -1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: -1cm; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-035.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-035.xht new file mode 100644 index 0000000000..0e024daf09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-035.xht @@ -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 using centimeters with a minimum value, 0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a minimum length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: 0cm; + width: 2.54cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-036-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-036-ref.xht new file mode 100644 index 0000000000..7d08e037c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-036-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 96px; + vertical-align: top; + width: 1cm; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a black rectangle.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-036.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-036.xht new file mode 100644 index 0000000000..416ae47236 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-036.xht @@ -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 using centimeters with a minimum plus one value, 1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="max-width-036-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in centimeters." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + max-width: 1cm; + width: 5.08cm; + } + </style> + </head> + <body> + <p>Test passes if there is a black rectangle.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-037.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-037.xht new file mode 100644 index 0000000000..95d1d3fccd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-037.xht @@ -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 using centimeters with a negative zero value, -0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a negative zero length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: -0cm; + width: 2.54cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-038.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-038.xht new file mode 100644 index 0000000000..8a82ee6a5a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-038.xht @@ -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 using centimeters with a positive zero value, +0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive zero length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: +0cm; + width: 2.54cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-039.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-039.xht new file mode 100644 index 0000000000..9d52a45435 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-039.xht @@ -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: Max-width using centimeters with a nominal value, 2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a nominal length value in centimeters." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + max-width: 2.54cm; + width: 5.08cm; + } + #div2 + { + border-left: 2.54cm solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-040.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-040.xht new file mode 100644 index 0000000000..4e4e9479ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-040.xht @@ -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: Max-width using centimeters with a positive nominal value, +2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive nominal length value in centimeters." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + max-width: +2.54cm; + width: 5.08cm; + } + #div2 + { + border-left: 2.54cm solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-045.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-045.xht new file mode 100644 index 0000000000..c4d178d6df --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-045.xht @@ -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: Max-width using millimeters with a minimum minus one value, -1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: -1mm; + width: 0mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-046.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-046.xht new file mode 100644 index 0000000000..e046e343f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-046.xht @@ -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 using millimeters with a minimum value, 0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a minimum length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: 0mm; + width: 25.4mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-047-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-047-ref.xht new file mode 100644 index 0000000000..e1a60e0435 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-047-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 96px; + vertical-align: top; + width: 1mm; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a vertical line.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-047.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-047.xht new file mode 100644 index 0000000000..81fea004f9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-047.xht @@ -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 using millimeters with a minimum plus one value, 1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="max-width-047-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in millimeters." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + max-width: 1mm; + width: 25.4mm; + } + </style> + </head> + <body> + <p>Test passes if there is a vertical line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-048.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-048.xht new file mode 100644 index 0000000000..3237bcccdf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-048.xht @@ -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 using millimeters with a negative zero value, -0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a negative zero length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: -0mm; + width: 25.4mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-049.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-049.xht new file mode 100644 index 0000000000..fab6596111 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-049.xht @@ -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 using millimeters with a positive zero value, +0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive zero length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: +0mm; + width: 25.4mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-050.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-050.xht new file mode 100644 index 0000000000..4860b87772 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-050.xht @@ -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: Max-width using millimeters with a nominal value, 25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a nominal length value in millimeters." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + max-width: 25.4mm; + width: 50.8mm; + } + #div2 + { + border-left: 25.4mm solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-051.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-051.xht new file mode 100644 index 0000000000..0f2d6a3868 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-051.xht @@ -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: Max-width using millimeters with a positive nominal value, +25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive nominal length value in millimeters." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + max-width: +25.4mm; + width: 50.8mm; + } + #div2 + { + border-left: 25.4mm solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-056.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-056.xht new file mode 100644 index 0000000000..89c474c5a2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-056.xht @@ -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: Max-width using inches with a minimum minus one value, -1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: -1in; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-057.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-057.xht new file mode 100644 index 0000000000..d72a505443 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-057.xht @@ -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 using inches with a minimum value, 0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a minimum length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: 0in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-058.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-058.xht new file mode 100644 index 0000000000..783ae9288c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-058.xht @@ -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 using inches with a minimum plus one value, 1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in inches." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + max-width: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-059.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-059.xht new file mode 100644 index 0000000000..10153d39d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-059.xht @@ -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 using inches with a negative zero value, -0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a negative zero length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: -0in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-060.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-060.xht new file mode 100644 index 0000000000..681b8a20cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-060.xht @@ -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 using inches with a positive zero value, +0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive zero length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: +0in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-061-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-061-ref.xht new file mode 100644 index 0000000000..560d23aecc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-061-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {margin-bottom: 4px;} + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + + <div><img src="support/black96x96.png" width="288" height="96" alt="Image download support must be enabled" /></div> + + <div><img src="support/black96x96.png" width="288" height="96" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-061.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-061.xht new file mode 100644 index 0000000000..4c2ea537a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-061.xht @@ -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: Max-width using inches with a nominal value, 3in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-061-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a nominal length value in inches." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + max-width: 3in; + width: 6in; + } + #div2 + { + border-left: 3in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-062.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-062.xht new file mode 100644 index 0000000000..418680d580 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-062.xht @@ -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: Max-width using inches with a positive nominal value, +3in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-061-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive nominal length value in inches." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + max-width: +3in; + width: 6in; + } + #div2 + { + border-left: 3in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-067.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-067.xht new file mode 100644 index 0000000000..601b65a19e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-067.xht @@ -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: Max-width using 'em' units with a minimum minus one value, -1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + max-width: -1em; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-068.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-068.xht new file mode 100644 index 0000000000..21a65d3f57 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-068.xht @@ -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: Max-width using 'em' units with a minimum value, 0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-width' property sets a minimum length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + max-width: 0em; + width: 4.8em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-069-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-069-ref.xht new file mode 100644 index 0000000000..bdf7c306f9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-069-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + height: 96px; + vertical-align: top; + width: 20px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a vertical black stripe.</p> + + <div><img src="support/black96x96.png" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-069.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-069.xht new file mode 100644 index 0000000000..e2f376db23 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-069.xht @@ -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: Max-width using 'em' units with a minimum plus one value, 1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="max-width-069-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: black; + font: 20px/1 Ahem; + height: 1in; + max-width: 1em; + width: 4.8em; + } + </style> + </head> + <body> + <p>Test passes if there is a vertical black stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-070.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-070.xht new file mode 100644 index 0000000000..db41729faa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-070.xht @@ -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: Max-width using 'em' units with a negative zero value, -0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-width' property sets a negative zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + max-width: -0em; + width: 4.8em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-071.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-071.xht new file mode 100644 index 0000000000..9da8bd7c9b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-071.xht @@ -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: Max-width using 'em' units with a positive zero value, +0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-width' property sets a positive zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + max-width: +0em; + width: 4.8em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-072-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-072-ref.xht new file mode 100644 index 0000000000..b630111370 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-072-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {margin-bottom: 4px;} + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + + <div><img src="support/black96x96.png" width="120" height="96" alt="Image download support must be enabled" /></div> + + <div><img src="support/black96x96.png" width="120" height="96" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-072.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-072.xht new file mode 100644 index 0000000000..c9bb607c57 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-072.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width using 'em' units with a nominal value, 6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-072-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-width' property sets a nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + } + #div1 + { + background: black; + height: 1in; + max-width: 6em; + width: 12em; + } + #div2 + { + border-left: 6em solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-073.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-073.xht new file mode 100644 index 0000000000..7f9115406c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-073.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width using 'em' units with a positive nominal value, +6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-072-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-width' property sets a positive nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + } + #div1 + { + background: black; + height: 1in; + max-width: +6em; + width: 12em; + } + #div2 + { + border-left: 6em solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-078.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-078.xht new file mode 100644 index 0000000000..ee41c29f7f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-078.xht @@ -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: Max-width using 'ex' units with a minimum minus one value, -1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + max-width: -1ex; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-079.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-079.xht new file mode 100644 index 0000000000..5a136a4c60 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-079.xht @@ -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: Max-width using 'ex' units with a minimum value, 0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-width' property sets a minimum length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + max-width: 0ex; + width: 6ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-080.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-080.xht new file mode 100644 index 0000000000..64d8e6af7a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-080.xht @@ -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: Max-width using 'ex' units with a minimum plus one value, 1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-025-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: black; + font: 20px/1 Ahem; + height: 1in; + max-width: 1ex; + width: 6ex; + } + </style> + </head> + <body> + <p>Test passes if there is a vertical black bar.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-081.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-081.xht new file mode 100644 index 0000000000..cde91f00c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-081.xht @@ -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: Max-width using 'ex' units with a negative zero value, -0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-width' property sets a negative zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + max-width: -0ex; + width: 6ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-082.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-082.xht new file mode 100644 index 0000000000..76bbe2ec75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-082.xht @@ -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: Max-width using 'ex' units with a positive zero value, +0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-width' property sets a positive zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + max-width: +0ex; + width: 6ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-083.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-083.xht new file mode 100644 index 0000000000..dae6af62c8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-083.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width using 'ex' units with a nominal value, 6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-width' property sets a nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + } + #div1 + { + background: black; + height: 1in; + max-width: 6ex; + width: 12ex; + } + #div2 + { + border-left: 96px solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-084.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-084.xht new file mode 100644 index 0000000000..d1f644738e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-084.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width using 'ex' units with a positive nominal value, +6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-width' property sets a positive nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + } + #div1 + { + background: black; + height: 1in; + max-width: +6ex; + width: 12ex; + } + #div2 + { + border-left: 96px solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-089.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-089.xht new file mode 100644 index 0000000000..9cf0794f40 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-089.xht @@ -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: Max-width using percentages with a minimum minus one value, -1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'max-width' property sets a minimum minus one length value in percentages." /> + <style type="text/css"> + div + { + width: 1in; + } + div div + { + background: black; + height: 1in; + max-width: -1%; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-090.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-090.xht new file mode 100644 index 0000000000..02f36b99a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-090.xht @@ -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: Max-width using percentages with a minimum value, 0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a minimum length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + div div + { + background: red; + height: 1in; + max-width: 0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-091.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-091.xht new file mode 100644 index 0000000000..57d8b8dcc3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-091.xht @@ -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: Max-width using percentages with a minimum plus one value, 1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-003-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a minimum plus one length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 100px; + } + div div + { + background: black; + height: 1in; + max-width: 1%; + } + </style> + </head> + <body> + <p>Test passes if there is a thin vertical line.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-092.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-092.xht new file mode 100644 index 0000000000..7762da0f7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-092.xht @@ -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: Max-width using percentages with a negative zero value, -0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a negative zero length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + div div + { + background: red; + height: 1in; + max-width: -0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-093.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-093.xht new file mode 100644 index 0000000000..fd6a35e49d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-093.xht @@ -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: Max-width using percentages with a positive zero value, +0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive zero length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + div div + { + background: red; + height: 1in; + max-width: +0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-094.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-094.xht new file mode 100644 index 0000000000..2d5e0b139f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-094.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width using percentages with a nominal value, 100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a nominal length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + #div2 + { + background: black; + height: 1in; + max-width: 100%; + } + #div3 + { + border-left: 1in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-095.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-095.xht new file mode 100644 index 0000000000..61d61af331 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-095.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width using percentages with a positive nominal value, +100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive nominal length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + #div2 + { + background: black; + height: 1in; + max-width: +100%; + } + #div3 + { + border-left: 1in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-100.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-100.xht new file mode 100644 index 0000000000..a150e09430 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-100.xht @@ -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 with a negative zero value and no units, -0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a negative zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: -0; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-101.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-101.xht new file mode 100644 index 0000000000..feb2d190fa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-101.xht @@ -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 with a zero value and no units, 0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: 0; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-102.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-102.xht new file mode 100644 index 0000000000..fa19a22bf8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-102.xht @@ -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 with a positive zero value and no units, +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'max-width' property sets a positive zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + max-width: +0; + width: 96px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-103.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-103.xht new file mode 100644 index 0000000000..d847bcad05 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-103.xht @@ -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: Max-width set to a value of 'none'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-width' property applies a value of 'none'." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + max-width: 0px; + max-width: none; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-104.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-104.xht new file mode 100644 index 0000000000..b744d69630 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-104.xht @@ -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: Max-width set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-29 --> + <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="max-width-003-ref.xht" /> + + <meta name="assert" content="The 'max-width' property set to 'inherit' properly inherits the max-width value of the parent." /> + <style type="text/css"> + #div1 + { + max-width: 1px; + } + div div + { + background: black; + height: 1in; + max-width: inherit; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a thin vertical line.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-105-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-105-ref.xht new file mode 100644 index 0000000000..4d525a7357 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-105-ref.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 200px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-105.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-105.xht new file mode 100644 index 0000000000..623f03f423 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-105.xht @@ -0,0 +1,52 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 - height and overflow</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="max-width-105-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#test-red-overlapped + { + color: red; + font: 200px/1 Ahem; + height: 200px; + max-width: 200px; + overflow: auto; + position: absolute; + } + + div#control-green-overlapping + { + background-color: green; + height: 200px; + position: absolute; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a green square and <strong>no red</strong>.</p> + + <div id="test-red-overlapped">XX XX</div> + + <div id="control-green-overlapping"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-106.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-106.xht new file mode 100644 index 0000000000..7136b414fe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-106.xht @@ -0,0 +1,51 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 - float and overflow</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="match" href="max-width-105-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta name="assert" content="'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width. A floated box should not become wider than its declared max-width." /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#test-red-overlapped + { + color: red; + float: left; + font: 64px/1 Ahem; + max-width: 100px; + overflow: scroll; + } + + div#control-green-overlapping + { + background-color: green; + height: 200px; + position: absolute; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a green square and <strong>no red</strong>.</p> + + <div id="control-green-overlapping"></div> + + <div id="test-red-overlapped">XXXXXXXXXXXX</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-107-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-107-ref.xht new file mode 100644 index 0000000000..4570a69eee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-107-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 200px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a green square and <strong>no red</strong>. Such green square should not have scrollbar(s).</p> + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-107.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-107.xht new file mode 100644 index 0000000000..edf4a63fec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-107.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: max-width - height and overflow</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="max-width-107-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width." name="assert" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + font: 200px/1 Ahem; + height: 200px; + max-width: 200px; + overflow: auto; + position: absolute; + } + + div#test-red-overlapped {color: red;} + + div#control-green-overlapping {color: green;} + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a green square and <strong>no red</strong>. Such green square should not have scrollbar(s).</p> + + <div id="test-red-overlapped">XX XX</div> + + <div id="control-green-overlapping">X</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-108.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-108.xht new file mode 100644 index 0000000000..f9f71319c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-108.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: max-width - float and overflow</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta content="ahem" name="flags" /> + <meta name="assert" content="'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width." /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + font: 200px/1 Ahem; + height: 200px; + max-width: 200px; + overflow: auto; + } + + #test-red-overlapped + { + color: red; + float: left; + } + + #control-green-overlapping + { + clear: left; + color: green; + position: relative; + top: -200px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a green square and <strong>no red</strong>. Such green square should have active horizontal and vertical scrollbars.</p> + + <div id="test-red-overlapped">XX</div> + + <div id="control-green-overlapping">XX</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-110.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-110.xht new file mode 100644 index 0000000000..2b96eab362 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-110.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: max-width - float and inline replaced element</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" title="10.4 Minimum and maximum widths: 'min-width' and 'max-width'" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" title="10.3.2 Inline, replaced elements" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="image" name="flags" /> + <meta content="If 'height' and 'width' both have computed values of 'auto' and the element also has an intrinsic width, then such intrinsic width is the used value of 'width'. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation." name="assert" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: red; + float: left; + } + + img + { + height: auto; + max-width: 100px; + vertical-align: bottom; + width: auto; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div><img src="support/green200x200.png" alt="Image download support must be enabled." /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-001.xht new file mode 100644 index 0000000000..9fd103686f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-001.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-width' property does not apply to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + background-color: black; + display: table-row-group; + max-width: 0in; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-002.xht new file mode 100644 index 0000000000..e6123b730b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-002.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-width' property does not apply to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + background-color: black; + display: table-header-group; + max-width: 0in; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-003.xht new file mode 100644 index 0000000000..4808b1c672 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-003.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-width' property does not apply to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + background-color: black; + display: table-footer-group; + max-width: 0in; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-004.xht new file mode 100644 index 0000000000..93b7124de8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-004.xht @@ -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: Max-width applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-width' property does not apply to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + background-color: black; + display: table-row; + max-width: 0in; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-005.xht new file mode 100644 index 0000000000..0d0a26c118 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-005.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width applied to elements with 'display' set to 'table-column-group'</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="assert" content="The 'max-width' property applies to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + display: table-column-group; + max-width: 1in; + width: 3in; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-006.xht new file mode 100644 index 0000000000..aec8fa70d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-006.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width applied to elements with 'display' set to 'table-column'</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="assert" content="The 'max-width' property applies to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + display: table-column; + max-width: 1in; + width: 3in; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + height: 1in; + + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-007.xht new file mode 100644 index 0000000000..13e9f83a31 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-007.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width applied to elements with 'display' set to 'table-cell'</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="assert" content="The 'max-width' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + height: 1in; + max-width: 1in; + width: 3in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-008.xht new file mode 100644 index 0000000000..062d4a6806 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-008.xht @@ -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: Max-width applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'max-width' property does not apply to elements with 'display' set to 'inline'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background-color: red; + color: green; + display: inline; + font: 100px/1 Ahem; + max-width: 0px; + } + </style> + </head> + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div>A</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-009.xht new file mode 100644 index 0000000000..98f16d2c43 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-009.xht @@ -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: Max-width applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + background: black; + display: block; + height: 1in; + max-width: 1in; + width: 3in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-010.xht new file mode 100644 index 0000000000..6f719ef9e4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-010.xht @@ -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 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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" /> + <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + background: black; + display: list-item; + height: 1in; + margin-left: 2em; + max-width: 1in; + width: 3in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-012.xht new file mode 100644 index 0000000000..eb9c7feeed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-012.xht @@ -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: Max-width applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + span#inline-block + { + background: black; + display: inline-block; + width: 3in; + max-width: 1in; + } + + span.block-descendant + { + display: block; + height: 0.5in; + } + </style> + </head> + <body> + + <p>Test passes if there is a filled black square.</p> + + <div> + <span id="inline-block"> + <span class="block-descendant">a</span> + <span class="block-descendant">b</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-013.xht new file mode 100644 index 0000000000..a7d2e960a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-013.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width applied to elements with 'display' set to 'table'</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="assert" content="The 'max-width' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + max-width: 1in; + width: 3in; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-014.xht new file mode 100644 index 0000000000..8d49feba65 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-014.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width applied to elements with 'display' set to 'inline-table'</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="assert" content="The 'max-width' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + display: inline-table; + table-layout: fixed; + max-width: 1in; + width: 3in; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-015.xht new file mode 100644 index 0000000000..c607f82867 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-015.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Max-width applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #table + { + display: table; + } + #caption + { + background: black; + display: table-caption; + height: 1in; + max-width: 1in; + width: 3in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-016.xht new file mode 100644 index 0000000000..f7c244227b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-applies-to-016.xht @@ -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: Max-Width applied to none</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="Max-Width can be declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion." /> + <style type="text/css"> + div + { + width: 100px; + height: 100px; + background: green; + } + span + { + display: none; + width: 1000px; + max-width: 100px; + height: 100px; + background-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001-ref.xht new file mode 100644 index 0000000000..e9ff552640 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and orange squares have the <strong>same width</strong>.</p> + + <div><img src="support/blue15x15.png" width="96" height="96" alt="Image download support must be enabled" /><br /> + <img src="support/swatch-orange.png" width="96" height="96" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001.xht new file mode 100644 index 0000000000..05a715d28c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-001.xht @@ -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: Using percentages with 'max-width' relative to the containing block</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="match" href="max-width-percentage-001-ref.xht" /> + + <meta name="assert" content="The percentage is calculated in relation to the containing block." /> + <style type="text/css"> + div div + { + height: 1in; + } + #div1 + { + width: 2in; + } + #div2 + { + background-color: blue; + max-width: 50%; + width: 4in; + } + #div3 + { + background: orange; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same width</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-002.xht new file mode 100644 index 0000000000..62debbacc2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-002.xht @@ -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: Percentage based value for 'max-width' contained by box with a negative 'width'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="If the containing block's width is negative, the used value is zero." /> + <style type="text/css"> + #div1 + { + position: relative; + width: 100px; + } + #div2 + { + left: 120px; + position: absolute; + right: 120px; + width: auto; + } + #div3 + { + background-color: red; + height: 1in; + max-width: 200%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div id="div2"> + <div id="div3"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-003.xht new file mode 100644 index 0000000000..4357861f87 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/max-width-percentage-003.xht @@ -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: Max-width in constrained situation</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <meta name="assert" content="If the containing block's width depends on this element's width, then the resulting layout is undefined." /> + <style type="text/css"> + #div1 + { + float: left; + } + div div + { + background-color: green; + max-width: 50%; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if there is anything displayed below.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-001.xht new file mode 100644 index 0000000000..20ccdb4149 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-001.xht @@ -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: Min-height using pixels with a minimum minus one value, -1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: -1px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-002.xht new file mode 100644 index 0000000000..3aaa20691e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-002.xht @@ -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 using pixels with a minimum value, 0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a minimum length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: 0px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-003.xht new file mode 100644 index 0000000000..9fce19bcfa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-003.xht @@ -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: Min-height using pixels with a minimum plus one value, 1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-003-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in pixels." /> + <style type="text/css"> + div + { + background: black; + min-height: 1px; + } + </style> + </head> + <body> + <p>Test passes if there is a thin horizontal line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-004.xht new file mode 100644 index 0000000000..c9d3d13564 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-004.xht @@ -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 using pixels with a negative zero value, -0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a negative zero length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: -0px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-005.xht new file mode 100644 index 0000000000..c2041b6ed9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-005.xht @@ -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 using pixels with a positive zero value, +0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive zero length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: +0px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-006.xht new file mode 100644 index 0000000000..c9ab001c6b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-006.xht @@ -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: Min-height using pixels with a nominal value, 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a nominal length value in pixels." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + min-height: 96px; + width: 1in; + } + #div3 + { + border-top: 96px solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-007.xht new file mode 100644 index 0000000000..9bc5d8914e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-007.xht @@ -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: Min-height using pixels with a positive nominal value, +96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive nominal length value in pixels." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + min-height: +96px; + width: 1in; + } + #div3 + { + border-top: 96px solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-012.xht new file mode 100644 index 0000000000..0d49b8abaf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-012.xht @@ -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: Min-height using points with a minimum minus one value, -1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: -1pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-013.xht new file mode 100644 index 0000000000..d69871cd89 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-013.xht @@ -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 using points with a minimum value, 0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a minimum length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: 0pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-014.xht new file mode 100644 index 0000000000..316c0bd285 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-014.xht @@ -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: Min-height using points with a minimum plus one value, 1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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" /> + <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in points." /> + <style type="text/css"> + div + { + background: black; + min-height: 1pt; + } + </style> + </head> + <body> + <p>Test passes if there is a thin horizontal line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-015.xht new file mode 100644 index 0000000000..2e9e8b13da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-015.xht @@ -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 using points with a negative zero value, -0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a negative zero length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: -0pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-016.xht new file mode 100644 index 0000000000..faa1bebcb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-016.xht @@ -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 using points with a positive zero value, +0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive zero length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: +0pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-017.xht new file mode 100644 index 0000000000..292bb94ec9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-017.xht @@ -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: Min-height using points with a nominal value, 72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a nominal length value in points." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + min-height: 72pt; + width: 1in; + } + #div3 + { + border-top: 72pt solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-018.xht new file mode 100644 index 0000000000..c87793f74b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-018.xht @@ -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: Min-height using points with a positive nominal value, +72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive nominal length value in points." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + min-height: +72pt; + width: 1in; + } + #div3 + { + border-top: 72pt solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-023.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-023.xht new file mode 100644 index 0000000000..3b319ad590 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-023.xht @@ -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: Min-height using picas with a minimum minus one value, -1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: -1pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-024.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-024.xht new file mode 100644 index 0000000000..6c76a4dab5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-024.xht @@ -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 using picas with a minimum value, 0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a minimum length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: 0pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-025.xht new file mode 100644 index 0000000000..7028b2cf72 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-025.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height using picas with a minimum plus one value, 1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="max-height-025-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in picas." /> + <style type="text/css"> + div#red-overlapped + { + background-color: red; + height: 1pc; + } + + div#black-overlapping + { + background-color: black; + bottom: 1pc; + height: 0pc; + min-height: 1pc; + position: relative; + } + </style> + </head> + <body> + <p>Test passes if there is a wide black bar and <strong>no red</strong>.</p> + + <div id="red-overlapped"></div> + + <div id="black-overlapping"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-026.xht new file mode 100644 index 0000000000..ddc4fc597d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-026.xht @@ -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 using picas with a negative zero value, -0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a negative zero length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: -0pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-027.xht new file mode 100644 index 0000000000..4856641d86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-027.xht @@ -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 using picas with a positive zero value, +0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive zero length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: +0pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-028.xht new file mode 100644 index 0000000000..cb512b16d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-028.xht @@ -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: Min-height using picas with a nominal value, 6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a nominal length value in picas." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + min-height: 6pc; + width: 1in; + } + #div3 + { + border-top: 6pc solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-029.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-029.xht new file mode 100644 index 0000000000..4ca616fd94 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-029.xht @@ -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: Min-height using picas with a positive nominal value, +6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive nominal length value in picas." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + min-height: +6pc; + width: 1in; + } + #div3 + { + border-top: 6pc solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-034.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-034.xht new file mode 100644 index 0000000000..b52bd719ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-034.xht @@ -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: Min-height using centimeters with a minimum minus one value, -1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: -1cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-035.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-035.xht new file mode 100644 index 0000000000..9ced6b61d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-035.xht @@ -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 using centimeters with a minimum value, 0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a minimum length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: 0cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-036.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-036.xht new file mode 100644 index 0000000000..3af910dc98 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-036.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height using centimeters with a minimum plus one value, 1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="max-height-036-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in centimeters." /> + <style type="text/css"> + div#red-overlapped + { + background-color: red; + height: 1cm; + } + + div#black-overlapping + { + background-color: black; + bottom: 1cm; + height: 0cm; + min-height: 1cm; + position: relative; + } + </style> + </head> + <body> + <p>Test passes if there is a thick black stripe and <strong>no red</strong>.</p> + + <div id="red-overlapped"></div> + + <div id="black-overlapping"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-037.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-037.xht new file mode 100644 index 0000000000..0b30519e7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-037.xht @@ -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 using centimeters with a negative zero value, -0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a negative zero length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: -0cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-038.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-038.xht new file mode 100644 index 0000000000..041017d252 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-038.xht @@ -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 using centimeters with a positive zero value, +0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive zero length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: +0cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-039.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-039.xht new file mode 100644 index 0000000000..0e3d0a5c9c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-039.xht @@ -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: Min-height using centimeters with a nominal value, 2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a nominal length value in centimeters." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + min-height: 2.54cm; + width: 1in; + } + #div3 + { + border-top: 2.54cm solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-040.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-040.xht new file mode 100644 index 0000000000..6abb807e59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-040.xht @@ -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: Min-height using centimeters with a positive nominal value, +2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive nominal length value in centimeters." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + min-height: +2.54cm; + width: 1in; + } + #div3 + { + border-top: 2.54cm solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-045.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-045.xht new file mode 100644 index 0000000000..2290f69e18 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-045.xht @@ -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: Min-height using millimeters with a minimum minus one value, -1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: -1mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-046.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-046.xht new file mode 100644 index 0000000000..60ab17a9f7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-046.xht @@ -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 using millimeters with a minimum value, 0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a minimum length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: 0mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-047.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-047.xht new file mode 100644 index 0000000000..8d99c5b781 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-047.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height using millimeters with a minimum plus one value, 1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="max-height-047-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in millimeters." /> + <style type="text/css"> + div#red-overlapped + { + background-color: red; + height: 1mm; + } + + div#black-overlapping + { + background-color: black; + bottom: 1mm; + height: 0mm; + min-height: 1mm; + position: relative; + } + </style> + </head> + <body> + <p>Test passes if there is a black horizontal line and <strong>no red</strong>.</p> + + <div id="red-overlapped"></div> + + <div id="black-overlapping"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-048.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-048.xht new file mode 100644 index 0000000000..c0610c4f20 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-048.xht @@ -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 using millimeters with a negative zero value, -0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a negative zero length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: -0mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-049.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-049.xht new file mode 100644 index 0000000000..8f3b15e812 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-049.xht @@ -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 using millimeters with a positive zero value, +0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive zero length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: +0mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-050.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-050.xht new file mode 100644 index 0000000000..67f5f7a6f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-050.xht @@ -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: Min-height using millimeters with a nominal value, 25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a nominal length value in millimeters." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + min-height: 25.4mm; + width: 1in; + } + #div3 + { + border-top: 25.4mm solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-051.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-051.xht new file mode 100644 index 0000000000..9d0f749271 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-051.xht @@ -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: Min-height using millimeters with a positive nominal value, +25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive nominal length value in millimeters." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + min-height: +25.4mm; + width: 1in; + } + #div3 + { + border-top: 25.4mm solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-056.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-056.xht new file mode 100644 index 0000000000..5a3673c5b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-056.xht @@ -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: Min-height using inches with a minimum minus one value, -1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: -1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-057.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-057.xht new file mode 100644 index 0000000000..df800d82f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-057.xht @@ -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 using inches with a minimum value, 0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a minimum length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: 0in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-058.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-058.xht new file mode 100644 index 0000000000..7341ba9aa5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-058.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height using inches with a minimum plus one value, 1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="max-height-058-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in inches." /> + <style type="text/css"> + div#red-overlapped + { + background-color: red; + height: 1in; + } + + div#black-overlapping + { + background-color: black; + bottom: 1in; + height: 0in; + min-height: 1in; + position: relative; + } + </style> + </head> + <body> + + <p>Test passes if there is a filled black rectangle and <strong>no red</strong>.</p> + + <div id="red-overlapped"></div> + + <div id="black-overlapping"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-059.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-059.xht new file mode 100644 index 0000000000..de3cc1877c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-059.xht @@ -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 using inches with a negative zero value, -0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a negative zero length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: -0in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-060.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-060.xht new file mode 100644 index 0000000000..8b5c9a5510 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-060.xht @@ -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 using inches with a positive zero value, +0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive zero length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: +0in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-061.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-061.xht new file mode 100644 index 0000000000..747592d266 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-061.xht @@ -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: Min-height using inches with a nominal value, 3in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-061-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a nominal length value in inches." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + min-height: 3in; + width: 1in; + } + #div3 + { + border-top: 3in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-062.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-062.xht new file mode 100644 index 0000000000..9d425e5a92 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-062.xht @@ -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: Min-height using inches with a positive nominal value, +3in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-061-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive nominal length value in inches." /> + <style type="text/css"> + div + { + position: relative; + } + #div2 + { + background: black; + min-height: +3in; + width: 1in; + } + #div3 + { + border-top: 3in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-067-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-067-ref.xht new file mode 100644 index 0000000000..fc061bf2b1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-067-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img + { + padding-right: 20px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div><img src="support/black96x96.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/black96x96.png" width="80" height="20" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-067.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-067.xht new file mode 100644 index 0000000000..52d4c9b72d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-067.xht @@ -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: Min-height using 'em' units with a minimum minus one value, -1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="min-height-067-ref.xht" /> + + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 0; + min-height: -1em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-068.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-068.xht new file mode 100644 index 0000000000..1be63b795e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-068.xht @@ -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: Min-height using 'em' units with a minimum value, 0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="min-height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-height' property sets a minimum length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 0; + min-height: 0em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-069.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-069.xht new file mode 100644 index 0000000000..8c1b903b02 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-069.xht @@ -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: Min-height using 'em' units with a minimum plus one value, 1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-069-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: black; + font: 20px/1 Ahem; + min-height: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is a wide black bar.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-070.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-070.xht new file mode 100644 index 0000000000..8cd73ce30c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-070.xht @@ -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: Min-height using 'em' units with a negative zero value, -0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="min-height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-height' property sets a negative zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 0; + min-height: -0em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-071.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-071.xht new file mode 100644 index 0000000000..0ceb5178a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-071.xht @@ -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: Min-height using 'em' units with a positive zero value, +0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="min-height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-height' property sets a positive zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 0; + min-height: +0em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-072.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-072.xht new file mode 100644 index 0000000000..9bdc9f5083 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-072.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height using 'em' units with a nominal value, 5em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-072-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-height' property sets a nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + } + #div2 + { + background: black; + min-height: 5em; + width: 100px; + } + #div3 + { + border-top: 5em solid black; + left: 104px; + position: absolute; + top: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-073.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-073.xht new file mode 100644 index 0000000000..6e2d95972f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-073.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height using 'em' units with a positive nominal value, +5em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-072-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-height' property sets a positive nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + } + #div2 + { + background: black; + min-height: +5em; + width: 100px; + } + #div3 + { + border-top: 5em solid black; + left: 104px; + position: absolute; + top: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-078.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-078.xht new file mode 100644 index 0000000000..407cf40fd1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-078.xht @@ -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: Min-height using 'ex' units with a minimum minus one value, -1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="min-height-067-ref.xht" /> + + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 0; + min-height: -1ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-079.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-079.xht new file mode 100644 index 0000000000..5776316f1e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-079.xht @@ -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: Min-height using 'ex' units with a minimum value, 0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="min-height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-height' property sets a minimum length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 0; + min-height: 0ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-080.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-080.xht new file mode 100644 index 0000000000..8171933ecb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-080.xht @@ -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: Min-height using 'ex' units with a minimum plus one value, 1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-080-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: black; + font: 20px/1 Ahem; + height: 0; + min-height: 1ex; + } + </style> + </head> + <body> + <p>Test passes if there is a wide black bar.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-081.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-081.xht new file mode 100644 index 0000000000..b7963f7e7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-081.xht @@ -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: Min-height using 'ex' units with a negative zero value, -0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="min-height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-height' property sets a negative zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 0; + min-height: -0ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-082.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-082.xht new file mode 100644 index 0000000000..56dae38cc4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-082.xht @@ -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: Min-height using 'ex' units with a positive zero value, +0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="min-height-067-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-height' property sets a positive zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 0; + min-height: +0ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-083.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-083.xht new file mode 100644 index 0000000000..454c971b54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-083.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height using 'ex' units with a nominal value, 6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-height' property sets a nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + } + #div2 + { + background: black; + min-height: 6ex; + width: 1in; + } + #div3 + { + border-top: 96px solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-084.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-084.xht new file mode 100644 index 0000000000..a0fb7f6fea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-084.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height using 'ex' units with a positive nominal value, +6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-height' property sets a positive nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + } + #div2 + { + background: black; + min-height: +6ex; + width: 1in; + } + #div3 + { + border-top: 96px solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-089.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-089.xht new file mode 100644 index 0000000000..f7c35d88f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-089.xht @@ -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: Min-height using percentages with a minimum minus one value, -1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-height' property sets a minimum minus one length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + } + div div + { + background: red; + height: 0; + min-height: -1%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-090.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-090.xht new file mode 100644 index 0000000000..f4e9abb25c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-090.xht @@ -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-height using percentages with a minimum value, 0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a minimum length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + } + div div + { + background: red; + height: 0; + min-height: 0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-091.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-091.xht new file mode 100644 index 0000000000..4d32038987 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-091.xht @@ -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: Min-height using percentages with a minimum plus one value, 1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-003-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a minimum plus one length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 100px; + } + div div + { + background: black; + min-height: 1%; + } + </style> + </head> + <body> + <p>Test passes if there is a thin horizontal line.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-092.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-092.xht new file mode 100644 index 0000000000..9e81fc6fbf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-092.xht @@ -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-height using percentages with a negative zero value, -0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a negative zero length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + } + div div + { + background: red; + height: 0; + min-height: -0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-093.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-093.xht new file mode 100644 index 0000000000..7a6cbc4d4b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-093.xht @@ -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-height using percentages with a positive zero value, +0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive zero length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + } + div div + { + background: red; + height: 0; + min-height: +0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-094.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-094.xht new file mode 100644 index 0000000000..42d473f6c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-094.xht @@ -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: Min-height using percentages with a nominal value, 100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + <meta name="assert" content="The 'min-height' property sets a nominal length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + position: relative; + } + #div2 + { + background: black; + min-height: 100%; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-095.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-095.xht new file mode 100644 index 0000000000..c86d168f8f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-095.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height using percentages with a positive nominal value, +100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-006-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive nominal length value in percentages." /> + <style type="text/css"> + #div1 + { + height: 1in; + position: relative; + } + #div2 + { + background: black; + min-height: +100%; + width: 1in; + } + #div3 + { + border-top: 1in solid black; + left: 100px; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the same height.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-100.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-100.xht new file mode 100644 index 0000000000..2830ee8d6e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-100.xht @@ -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 with a negative zero value and no units, -0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a negative zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: -0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-101.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-101.xht new file mode 100644 index 0000000000..2d7bdde814 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-101.xht @@ -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 with a zero value and no units, 0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-102.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-102.xht new file mode 100644 index 0000000000..ef8c5ab20e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-102.xht @@ -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 with a positive zero value and no units, +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-001-ref.xht" /> + + <meta name="assert" content="The 'min-height' property sets a positive zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: 0; + min-height: +0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-103.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-103.xht new file mode 100644 index 0000000000..4e457ac10e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-103.xht @@ -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: Min-height set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <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="height-003-ref.xht" /> + + <meta name="assert" content="The 'min-height' property properly inherits the min-height value of the parent." /> + <style type="text/css"> + #div1 + { + min-height: 1px; + } + div div + { + background: black; + min-height: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is a thin horizontal line.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-104.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-104.xht new file mode 100644 index 0000000000..85c7811ad3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-104.xht @@ -0,0 +1,53 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: min-height - space for scrollbar</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="max-height-107-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta name="assert" content="Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars." /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#test-red-overlapped + { + background-color: red; + color: red; + font: 100px/1 Ahem; + min-height: 200px; + overflow: auto; + width: 200px; + } + + div#control-green-overlapping + { + background-color: green; + height: 200px; + position: relative; + top: -200px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a green square and <strong>no red</strong>.</p> + + <div id="test-red-overlapped">XXX</div> + + <div id="control-green-overlapping"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-105.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-105.xht new file mode 100644 index 0000000000..0d762aecae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-105.xht @@ -0,0 +1,51 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 - space for scrollbar</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="max-height-110-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#test-red-overlapped + { + background-color: red; + color: red; + font: 100px/1 Ahem; + min-height: 200px; + overflow: scroll; + } + + div#control-green-overlapping + { + background-color: green; + height: 200px; + position: relative; + top: -200px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a wide green rectangle across the page and <strong>no red</strong>.</p> + + <div id="test-red-overlapped">X</div> + + <div id="control-green-overlapping"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-106.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-106.xht new file mode 100644 index 0000000000..5bf011a087 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-106.xht @@ -0,0 +1,59 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 - float and overflow</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <link rel="match" href="max-height-107-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="'min-height' specifies a fixed minimum used height. If the element requires an horizontal scrollbar, then the horizontal scrollbar height should be subtracted from the height of its containing block so that the resulting used height continues to honor the declared min-height." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + font: 100px/1 Ahem; + overflow: auto; + width: 200px; + } + + #test-red-overlapped + { + background-color: red; + color: red; + float: left; + min-height: 200px; + } + + #control-green-overlapping + { + background-color: green; + clear: left; + color: green; + height: 200px; + position: relative; + top: -200px; + } + ]]></style> + + </head> + + <body> + + <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p> + + <p>Test passes if there is a green square and <strong>no red</strong>.</p> + + <div id="test-red-overlapped">XXX</div> + + <div id="control-green-overlapping">XX</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-111-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-111-ref.xht new file mode 100644 index 0000000000..72c1cb88d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-111-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + img {padding-top: 16px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a small green square.</p> + + <div><img src="support/swatch-green.png" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-111.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-111.xht new file mode 100644 index 0000000000..7d64199f5a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-111.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//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: Basic min-height test</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/min-height/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="match" href="min-height-111-ref.xht" /> + + <style type="text/css"> + div { padding-top: 1em; min-height: 15px; background: url(support/swatch-green.png) no-repeat 0 1em; } + </style> + </head> + <body> + <p>Test passes if there is a small green square.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-112.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-112.xht new file mode 100644 index 0000000000..7ab054f278 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-112.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//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: Basic min-height test (with overflow:hidden)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/min-height/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="match" href="min-height-111-ref.xht" /> + + <style type="text/css"> + div { padding-top: 1em; min-height: 15px; background: url(support/swatch-green.png) no-repeat 0 1em; overflow: hidden; } + </style> + </head> + <body> + <p>Test passes if there is a small green square.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-113.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-113.xht new file mode 100644 index 0000000000..69fca16b1e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-113.xht @@ -0,0 +1,17 @@ +<!DOCTYPE html PUBLIC "-//W3C//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: Basic min-height test (with overflow:scroll)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-30 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/height/min-height/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <style type="text/css"> + div { min-height: 2em; background: green; overflow: scroll; } + </style> + </head> + <body> + <p>Test passes if there is a wide green bar with scrollbars around it.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-001.xht new file mode 100644 index 0000000000..b249badb6c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-001.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height applied to elements with 'display' set to 'table-row-group'</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" /> + <meta name="flags" content="may" /> + <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + display: table-row-group; + min-height: 1in; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + min-height: inherit; + } + #cell + { + background: black; + display: table-cell; + min-height: inherit; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <!-- If 'min-height' is supported on 'table-row-group' then a square will be visible. --> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-002.xht new file mode 100644 index 0000000000..03a7b941b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-002.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height applied to elements with 'display' set to 'table-header-group'</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" /> + <meta name="flags" content="may" /> + <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + display: table-header-group; + min-height: 1in; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + min-height: inherit; + } + #cell + { + background: black; + display: table-cell; + min-height: inherit; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <!-- If 'min-height' is supported on 'table-header-group' then a square will be visible. --> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-003.xht new file mode 100644 index 0000000000..e59f8a8ee1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-003.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height applied to elements with 'display' set to 'table-footer-group'</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" /> + <meta name="flags" content="may" /> + <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + display: table-footer-group; + min-height: 1in; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + min-height: inherit; + } + #cell + { + background: black; + display: table-cell; + min-height: inherit; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <!-- If 'min-height' is supported on 'table-footer-group' then a square will be visible. --> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-004.xht new file mode 100644 index 0000000000..dd2aa3e455 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-004.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height applied to elements with 'display' set to 'table-row'</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" /> + <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + min-height: 1in; + } + #cell + { + background: black; + display: table-cell; + min-height: inherit; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-005.xht new file mode 100644 index 0000000000..177debf42a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-005.xht @@ -0,0 +1,62 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-height' property does not to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + #test + { + background-color: red; + display: table-column-group; + min-height: 1in; + } + .col + { + display: table-column; + } + .row + { + display: table-row; + } + .cell + { + background-color: white; + color: white; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + + <div id="table"> + + <div id="test"> + <div class="col"></div> + <div class="col"></div> + </div> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-006.xht new file mode 100644 index 0000000000..36b706d1de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-006.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-height' property does not to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .test + { + background: red; + display: table-column; + min-height: 1in; + } + .row + { + display: table-row; + } + .cell + { + background-color: white; + color: white; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + + <div id="table"> + + <div class="test"></div> + <div class="test"></div> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-007.xht new file mode 100644 index 0000000000..f4d377c14e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-007.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height applied to elements with 'display' set to 'table-cell'</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" /> + <meta name="flags" content="may" /> + <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + min-height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <!-- If 'min-height' is supported on 'table-cell' then a square will be visible. --> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-008.xht new file mode 100644 index 0000000000..b0ecf9a659 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-008.xht @@ -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-height applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-height' property does not apply to elements with 'display' set to 'inline'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background-color: red; + color: white; + display: inline; + font: 20px/1 Ahem; + min-height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + + <div>A</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-009.xht new file mode 100644 index 0000000000..b95c65a516 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-009.xht @@ -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: Min-height applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + background: black; + display: block; + min-height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-010.xht new file mode 100644 index 0000000000..2dd2c6b701 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-010.xht @@ -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 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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" /> + <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + background: black; + display: list-item; + margin-left: 2em; + min-height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a black square and a marker bullet on its left-hand side.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-012.xht new file mode 100644 index 0000000000..03358e3458 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-012.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + span#inline-block + { + background: black; + display: inline-block; + min-height: 1in; + } + + span.block-descendant + { + display: block; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div> + <span id="inline-block"> + <span class="block-descendant">a</span> + <span class="block-descendant">b</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-013.xht new file mode 100644 index 0000000000..df00228bfb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-013.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height applied to elements with 'display' set to 'table'</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="assert" content="The 'min-height' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + min-height: 1in; + } + #row + { + display: table-row; + height: inherit; /* height of the row is based on the computed value for height of the table which is based on the min-height property */ + } + #cell + { + background: black; + display: table-cell; + height: inherit; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-014.xht new file mode 100644 index 0000000000..fc3ca591b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-014.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height applied to elements with 'display' set to 'inline-table'</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="assert" content="The 'min-height' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + display: inline-table; + table-layout: fixed; + min-height: 1in; + } + #row + { + display: table-row; + height: inherit; /* height of the row is based on the computed value for height of the table which is based on the min-height property */ + } + #cell + { + background: black; + display: table-cell; + height: inherit; /* height of the cell is based on the computed value for height of the table which is based on the min-height property */ + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-015.xht new file mode 100644 index 0000000000..cd85ff5aaf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-applies-to-015.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #table + { + display: table; + } + #caption + { + background: black; + display: table-caption; + min-height: 1in; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-001.xht new file mode 100644 index 0000000000..7f027e4a6a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-001.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-height percentage is based on containing block</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="match" href="max-height-percentage-001-ref.xht" /> + + <meta name="assert" content="A percentage for 'min-height' is calculated with respect to the 'height' of the generated boxes containing block." /> + <style type="text/css"> + #div1 + { + height: 2in; + position: relative; + } + div div + { + width: 1in; + } + #div2 + { + background: blue; + min-height: 50%; + } + #div3 + { + background: orange; + height: 1in; + left: 1in; + position: absolute; + top: 0; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same height</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-002.xht new file mode 100644 index 0000000000..d5f33065e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-002.xht @@ -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: Percentage 'min-height' with no 'height' on containing block</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="When the 'height' of the containing block (#div1) of an element (inner div) is not specified (or if its height value is 'auto') and the element is not absolutely positioned, then the percentage value of 'max-height' is treated as '0' for 'min-height' and 'none' for 'max-height'." /> + <style type="text/css"> + div + { + width: 1in; + } + #div1 + { + position: relative; + } + div div + { + background: red; + min-height: 50%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003-ref.xht new file mode 100644 index 0000000000..7fd94de50e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003-ref.xht @@ -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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + html, body + { + background-color: green; + height: 100%; + } + + body, p {margin: 0px;} + + p {color: white;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the background of this page is green and if there is <strong>no red and no vertical scrollbar</strong>.</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003.xht new file mode 100644 index 0000000000..566da2afff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-percentage-003.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: min-height - 100% of the initial containing block's height</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Bruno Fassino" href="http://www.brunildo.org/" /> + <link rel="author" title="Alan Gresley" href="mailto:alan@css-class.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="match" href="min-height-percentage-003-ref.xht" /> + + <meta content="The initial containing block has the dimensions of the viewport. A percentage height on the root element is relative to the initial containing block. A 'min-height: 100%;' of the document root element should use all of the document root element's height. A percentage for 'min-height' is calculated with respect to the height of the generated box's containing block." name="assert" /> + + <style type="text/css"><![CDATA[ + html, body + { + background-color: red; + height: 100%; + } + + body, p {margin: 0px;} + + p + { + background-color: green; + color: white; + min-height: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the background of this page is green and if there is <strong>no red and no vertical scrollbar</strong>.</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-height-separates-margin.html b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-separates-margin.html new file mode 100644 index 0000000000..1e144921fe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-height-separates-margin.html @@ -0,0 +1,8 @@ +<!DOCTYPE html> +<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins"> +<p>Test passes if there is a filled green square.</p> +<div style="width:100px; min-height:50px; background: green;"> + <div style="width:100px; height:49px; background:green; margin-bottom:10px;"></div> +</div> +<div style="width: 100px; height: 50px; background: green;"></div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-001.xht new file mode 100644 index 0000000000..1db3741df8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-001.xht @@ -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: Min-width using pixels with a minimum minus one value, -1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: -1px; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-002.xht new file mode 100644 index 0000000000..e2a7bf1864 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-002.xht @@ -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: Min-width using pixels with a minimum value, 0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a minimum length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: 0px; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-003.xht new file mode 100644 index 0000000000..6d47695652 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-003.xht @@ -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: Min-width using pixels with a minimum plus one value, 1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-003-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in pixels." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + min-width: 1px; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a thin vertical line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-004.xht new file mode 100644 index 0000000000..e36f7aa572 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-004.xht @@ -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: Min-width using pixels with a negative zero value, -0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a negative zero length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: -0px; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-005.xht new file mode 100644 index 0000000000..d40c0b39d6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-005.xht @@ -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: Min-width using pixels with a positive zero value, +0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive zero length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: +0px; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-006.xht new file mode 100644 index 0000000000..7e628c9c0d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-006.xht @@ -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: Min-width using pixels with a nominal value, 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a nominal length value in pixels." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + min-width: 96px; + width: 0; + } + #div2 + { + border-left: 96px solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-007.xht new file mode 100644 index 0000000000..becbe01f77 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-007.xht @@ -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: Min-width using pixels with a positive nominal value, +96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive nominal length value in pixels." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + min-width: +96px; + width: 0; + } + #div2 + { + border-left: 96px solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-012.xht new file mode 100644 index 0000000000..b2a32590d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-012.xht @@ -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: Min-width using points with a minimum minus one value, -1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: -1pt; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-013.xht new file mode 100644 index 0000000000..6a0b8d4ce7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-013.xht @@ -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: Min-width using points with a minimum value, 0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a minimum length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: 0pt; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-014.xht new file mode 100644 index 0000000000..538b701cd6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-014.xht @@ -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: Min-width using points with a minimum plus one value, 1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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" /> + <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in points." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + min-width: 1pt; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a thin vertical line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-015.xht new file mode 100644 index 0000000000..0f1f26c1b9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-015.xht @@ -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: Min-width using points with a negative zero value, -0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a negative zero length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: -0pt; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-016.xht new file mode 100644 index 0000000000..9029542567 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-016.xht @@ -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: Min-width using points with a positive zero value, +0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive zero length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: +0pt; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-017.xht new file mode 100644 index 0000000000..ac31d76ef5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-017.xht @@ -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: Min-width using points with a nominal value, 72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a nominal length value in points." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + min-width: 72pt; + width: 0; + } + #div2 + { + border-left: 72pt solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-018.xht new file mode 100644 index 0000000000..855b97174d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-018.xht @@ -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: Min-width using points with a positive nominal value, +72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive nominal length value in points." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + min-width: +72pt; + width: 0; + } + #div2 + { + border-left: 72pt solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-023.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-023.xht new file mode 100644 index 0000000000..386aae5b39 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-023.xht @@ -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: Min-width using picas with a minimum minus one value, -1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: -1pc; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-024.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-024.xht new file mode 100644 index 0000000000..b9b64bc198 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-024.xht @@ -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: Min-width using picas with a minimum value, 0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a minimum length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: 0pc; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-025.xht new file mode 100644 index 0000000000..d5786ed77b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-025.xht @@ -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: Min-width using picas with a minimum plus one value, 1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-025-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in picas." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + min-width: 1pc; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a vertical black bar.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-026.xht new file mode 100644 index 0000000000..b506f668b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-026.xht @@ -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: Min-width using picas with a negative zero value, -0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a negative zero length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: -0pc; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-027.xht new file mode 100644 index 0000000000..0722b0cbf9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-027.xht @@ -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: Min-width using picas with a positive zero value, +0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive zero length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: +0pc; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-028.xht new file mode 100644 index 0000000000..10ac27ea78 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-028.xht @@ -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: Min-width using picas with a nominal value, 6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a nominal length value in picas." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + min-width: 6pc; + width: 0; + } + #div2 + { + border-left: 6pc solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-029.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-029.xht new file mode 100644 index 0000000000..5cd5802df0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-029.xht @@ -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: Min-width using picas with a positive nominal value, +6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive nominal length value in picas." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + min-width: +6pc; + width: 0; + } + #div2 + { + border-left: 6pc solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-034.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-034.xht new file mode 100644 index 0000000000..e16a3821c8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-034.xht @@ -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: Min-width using centimeters with a minimum minus one value, -1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: -1cm; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-035.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-035.xht new file mode 100644 index 0000000000..f156058cf8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-035.xht @@ -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: Min-width using centimeters with a minimum value, 0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a minimum length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: 0cm; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-036.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-036.xht new file mode 100644 index 0000000000..07ea986ffc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-036.xht @@ -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: Min-width using centimeters with a minimum plus one value, 1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-036-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in centimeters." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + min-width: 1cm; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a black rectangle.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-037.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-037.xht new file mode 100644 index 0000000000..a70c8d05d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-037.xht @@ -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: Min-width using centimeters with a negative zero value, -0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a negative zero length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: -0cm; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-038.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-038.xht new file mode 100644 index 0000000000..f2acb72831 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-038.xht @@ -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: Min-width using centimeters with a positive zero value, +0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive zero length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: +0cm; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-039.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-039.xht new file mode 100644 index 0000000000..18d1e54a77 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-039.xht @@ -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: Min-width using centimeters with a nominal value, 2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a nominal length value in centimeters." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + min-width: 2.54cm; + width: 0; + } + #div2 + { + border-left: 2.54cm solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-040.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-040.xht new file mode 100644 index 0000000000..e33d332588 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-040.xht @@ -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: Min-width using centimeters with a positive nominal value, +2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive nominal length value in centimeters." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + min-width: +2.54cm; + width: 0; + } + #div2 + { + border-left: 2.54cm solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-045.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-045.xht new file mode 100644 index 0000000000..7dcde8db7b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-045.xht @@ -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: Min-width using millimeters with a minimum minus one value, -1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: -1mm; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-046.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-046.xht new file mode 100644 index 0000000000..8b993451b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-046.xht @@ -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: Min-width using millimeters with a minimum value, 0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a minimum length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: 0mm; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-047.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-047.xht new file mode 100644 index 0000000000..81aa54b250 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-047.xht @@ -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: Min-width using millimeters with a minimum plus one value, 1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-047-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in millimeters." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + min-width: 1mm; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a vertical line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-048.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-048.xht new file mode 100644 index 0000000000..778ed50557 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-048.xht @@ -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: Min-width using millimeters with a negative zero value, -0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a negative zero length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: -0mm; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-049.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-049.xht new file mode 100644 index 0000000000..d33eb36078 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-049.xht @@ -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: Min-width using millimeters with a positive zero value, +0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive zero length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: +0mm; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-050.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-050.xht new file mode 100644 index 0000000000..64513f8fd3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-050.xht @@ -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: Min-width using millimeters with a nominal value, 25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a nominal length value in millimeters." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + min-width: 25.4mm; + width: 0; + } + #div2 + { + border-left: 25.4mm solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-051.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-051.xht new file mode 100644 index 0000000000..fa0588d470 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-051.xht @@ -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: Min-width using millimeters with a positive nominal value, +25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive nominal length value in millimeters." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + min-width: +25.4mm; + width: 0; + } + #div2 + { + border-left: 25.4mm solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-056.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-056.xht new file mode 100644 index 0000000000..a4fa0238f4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-056.xht @@ -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: Min-width using inches with a minimum minus one value, -1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: -1in; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-057.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-057.xht new file mode 100644 index 0000000000..a2b657c642 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-057.xht @@ -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: Min-width using inches with a minimum value, 0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a minimum length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: 0in; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-058.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-058.xht new file mode 100644 index 0000000000..faa84c278c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-058.xht @@ -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: Min-width using inches with a minimum plus one value, 1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in inches." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + min-width: 1in; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-059.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-059.xht new file mode 100644 index 0000000000..a5b83377e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-059.xht @@ -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: Min-width using inches with a negative zero value, -0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a negative zero length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: -0in; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-060.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-060.xht new file mode 100644 index 0000000000..08d24653c8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-060.xht @@ -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: Min-width using inches with a positive zero value, +0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive zero length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: +0in; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-061.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-061.xht new file mode 100644 index 0000000000..1ebfa18cb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-061.xht @@ -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: Min-width using inches with a nominal value, 3in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-061-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a nominal length value in inches." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + min-width: 3in; + width: 0; + } + #div2 + { + border-left: 3in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-062.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-062.xht new file mode 100644 index 0000000000..14629aa41a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-062.xht @@ -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: Min-width using inches with a positive nominal value, +3in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-061-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive nominal length value in inches." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + min-width: +3in; + width: 0; + } + #div2 + { + border-left: 3in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-067.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-067.xht new file mode 100644 index 0000000000..7a7d7df456 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-067.xht @@ -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: Min-width using 'em' units with a minimum minus one value, -1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + min-width: -1em; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-068.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-068.xht new file mode 100644 index 0000000000..8fbd206d7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-068.xht @@ -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: Min-width using 'em' units with a minimum value, 0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-width' property sets a minimum length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + min-width: 0em; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-069.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-069.xht new file mode 100644 index 0000000000..90b35a58e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-069.xht @@ -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: Min-width using 'em' units with a minimum plus one value, 1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-069-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: black; + font: 20px/1 Ahem; + height: 1in; + min-width: 1em; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a vertical black stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-070.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-070.xht new file mode 100644 index 0000000000..465ac831ac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-070.xht @@ -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: Min-width using 'em' units with a negative zero value, -0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-width' property sets a negative zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + min-width: -0em; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-071.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-071.xht new file mode 100644 index 0000000000..98a9ae71a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-071.xht @@ -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: Min-width using 'em' units with a positive zero value, +0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-width' property sets a positive zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + min-width: +0em; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-072.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-072.xht new file mode 100644 index 0000000000..8652c80a15 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-072.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width using 'em' units with a nominal value, 6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-072-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-width' property sets a nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + } + #div1 + { + background: black; + height: 1in; + min-width: 6em; + width: 0; + } + #div2 + { + border-left: 6em solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-073.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-073.xht new file mode 100644 index 0000000000..5e4ba59147 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-073.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width using 'em' units with a positive nominal value, +6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-072-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-width' property sets a positive nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + } + #div1 + { + background: black; + height: 1in; + min-width: +6em; + width: 0; + } + #div2 + { + border-left: 6em solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-078.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-078.xht new file mode 100644 index 0000000000..d46e9637c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-078.xht @@ -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: Min-width using 'ex' units with a minimum minus one value, -1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + min-width: -1ex; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-079.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-079.xht new file mode 100644 index 0000000000..a0ac5f5a0d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-079.xht @@ -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: Min-width using 'ex' units with a minimum value, 0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-width' property sets a minimum length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + min-width: 0ex; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-080.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-080.xht new file mode 100644 index 0000000000..2611b9ba56 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-080.xht @@ -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: Min-width using 'ex' units with a minimum plus one value, 1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-025-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: black; + font: 20px/1 Ahem; + height: 1in; + min-width: 1ex; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a vertical black bar.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-081.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-081.xht new file mode 100644 index 0000000000..af75289962 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-081.xht @@ -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: Min-width using 'ex' units with a negative zero value, -0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-width' property sets a negative zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + min-width: -0ex; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-082.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-082.xht new file mode 100644 index 0000000000..e0ab54c605 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-082.xht @@ -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: Min-width using 'ex' units with a positive zero value, +0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-width' property sets a positive zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + min-width: +0ex; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-083.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-083.xht new file mode 100644 index 0000000000..6db4c8637d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-083.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width using 'ex' units with a nominal value, 6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-width' property sets a nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + } + #div1 + { + background: black; + height: 1in; + min-width: 6ex; + width: 0; + } + #div2 + { + border-left: 96px solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-084.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-084.xht new file mode 100644 index 0000000000..b1a5afdfe4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-084.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width using 'ex' units with a positive nominal value, +6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'min-width' property sets a positive nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + } + #div1 + { + background: black; + height: 1in; + min-width: +6ex; + width: 0; + } + #div2 + { + border-left: 96px solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-089.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-089.xht new file mode 100644 index 0000000000..ce9e0e02ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-089.xht @@ -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: Min-width using percentages with a minimum minus one value, -1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'min-width' property sets a minimum minus one length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + div div + { + background: red; + height: 1in; + min-width: -1%; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-090.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-090.xht new file mode 100644 index 0000000000..65a24e3b90 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-090.xht @@ -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: Min-width using percentages with a minimum value, 0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a minimum length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + div div + { + background: red; + height: 1in; + min-width: 0%; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-091.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-091.xht new file mode 100644 index 0000000000..551d9f303e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-091.xht @@ -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: Min-width using percentages with a minimum plus one value, 1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-003-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a minimum plus one length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 100px; + } + div div + { + background: black; + height: 1in; + min-width: 1%; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a thin vertical line.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-092.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-092.xht new file mode 100644 index 0000000000..826257dc9c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-092.xht @@ -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: Min-width using percentages with a negative zero value, -0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a negative zero length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + div div + { + background: red; + height: 1in; + min-width: -0%; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-093.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-093.xht new file mode 100644 index 0000000000..03792fc2cc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-093.xht @@ -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: Min-width using percentages with a positive zero value, +0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-10-31 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive zero length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + div div + { + background: red; + height: 1in; + min-width: +0%; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-094.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-094.xht new file mode 100644 index 0000000000..43222ff25b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-094.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width using percentages with a nominal value, 100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a nominal length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + #div2 + { + background: black; + height: 1in; + min-width: 100%; + width: 0; + } + #div3 + { + border-left: 1in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-095.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-095.xht new file mode 100644 index 0000000000..e59faed5fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-095.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width using percentages with a positive nominal value, +100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive nominal length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + #div2 + { + background: black; + height: 1in; + min-width: +100%; + width: 0; + } + #div3 + { + border-left: 1in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-100.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-100.xht new file mode 100644 index 0000000000..0a3df1c8ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-100.xht @@ -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: Min-width with a negative zero value and no units, -0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a negative zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: -0; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-101.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-101.xht new file mode 100644 index 0000000000..0c6cfeea6c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-101.xht @@ -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: Min-width with a zero value and no units, 0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: 0; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-102.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-102.xht new file mode 100644 index 0000000000..f870669216 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-102.xht @@ -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: Min-width with a positive zero value and no units, +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property sets a positive zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + min-width: +0; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-103.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-103.xht new file mode 100644 index 0000000000..afd1061d6d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-103.xht @@ -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: Min-width set to inherit</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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="max-width-003-ref.xht" /> + + <meta name="assert" content="The 'min-width' property properly inherits the min-width value of the parent." /> + <style type="text/css"> + #div1 + { + min-width: 1px; + width: 0; + } + div div + { + background: black; + height: 1in; + min-width: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is a thin vertical line.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-001.xht new file mode 100644 index 0000000000..65600d4e7f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-001.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property does not apply to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + background-color: red; + display: table-row-group; + min-width: 1in; + } + #table + { + display: table; + table-layout: fixed; + width: 0in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell"></div><div class="cell"></div> + </div> + + <div class="row"> + <div class="cell"></div><div class="cell"></div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-002.xht new file mode 100644 index 0000000000..b94ec70f43 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-002.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property does not apply to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + background-color: red; + display: table-header-group; + min-width: 1in; + } + #table + { + display: table; + table-layout: fixed; + width: 0in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell"></div><div class="cell"></div> + </div> + + <div class="row"> + <div class="cell"></div><div class="cell"></div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-003.xht new file mode 100644 index 0000000000..2861c31b1d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-003.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property does not apply to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + background-color: red; + display: table-footer-group; + min-width: 1in; + } + #table + { + display: table; + table-layout: fixed; + width: 0in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell"></div><div class="cell"></div> + </div> + + <div class="row"> + <div class="cell"></div><div class="cell"></div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-004.xht new file mode 100644 index 0000000000..c689e1babe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-004.xht @@ -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: Min-width applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'min-width' property does not apply to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 0in; + } + .row + { + background-color: red; + display: table-row; + min-width: 1in; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + + <div id="table"> + + <div class="row"> + <div class="cell"></div><div class="cell"></div> + </div> + + <div class="row"> + <div class="cell"></div><div class="cell"></div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-005.xht new file mode 100644 index 0000000000..e819a4c967 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-005.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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 'table-column-group'</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="assert" content="The 'min-width' property applies to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + display: table-column-group; + min-width: 1in; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-006.xht new file mode 100644 index 0000000000..38a94800f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-006.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width applied to elements with 'display' set to 'table-column'</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="assert" content="The 'min-width' property applies to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + #test + { + display: table-column; + min-width: 1in; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + height: 1in; + + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-007.xht new file mode 100644 index 0000000000..bcf008d14e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-007.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width applied to elements with 'display' set to 'table-cell'</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="assert" content="The 'min-width' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + height: 1in; + min-width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-008.xht new file mode 100644 index 0000000000..bd56072be9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-008.xht @@ -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: Min-width applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="The 'min-width' property does not apply to elements with 'display' set to 'inline'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background-color: red; + color: green; + display: inline; + font: 100px/1 Ahem; + min-width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div>A</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-009.xht new file mode 100644 index 0000000000..dad5efa932 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-009.xht @@ -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: Min-width applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + div + { + width: 0.5in; + } + span + { + background: black; + display: block; + height: 1in; + min-width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-010.xht new file mode 100644 index 0000000000..7d01d9c493 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-010.xht @@ -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 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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" /> + <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + #div1 + { + width: 0.5in; + } + div div + { + background: black; + display: list-item; + height: 1in; + margin-left: 2em; + min-width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-012.xht new file mode 100644 index 0000000000..07ba0f9332 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-012.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + span#inline-block + { + background-color: black; + display: inline-block; + width: 0in; + min-width: 1in; + } + + span.block-descendant + { + display: block; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div> + <span id="inline-block"> + <span class="block-descendant">a</span> + <span class="block-descendant">b</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-013.xht new file mode 100644 index 0000000000..32cdcae85f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-013.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width applied to elements with 'display' set to 'table'</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="assert" content="The 'min-width' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + min-width: 1in; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-014.xht new file mode 100644 index 0000000000..16cb2359f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-014.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width applied to elements with 'display' set to 'inline-table'</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="assert" content="The 'min-width' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + display: inline-table; + table-layout: fixed; + min-width: 1in; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-015.xht new file mode 100644 index 0000000000..aac74f7bee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-015.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Min-width applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <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/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #table + { + display: table; + } + #caption + { + background: black; + display: table-caption; + height: 1in; + min-width: 1in; + width: 0in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-016.xht new file mode 100644 index 0000000000..25a1121004 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-applies-to-016.xht @@ -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: Min-Width applied to none</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="Min-Width can be declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion." /> + <style type="text/css"> + div + { + width: 100px; + height: 100px; + background-color: green; + } + span + { + display: none; + width: 0; + min-width: 100px; + height: 100px; + background-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-001.xht new file mode 100644 index 0000000000..f5da05c32b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-001.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Using percentages with 'min-width' relative to the containing block</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="match" href="max-width-percentage-001-ref.xht" /> + + <meta name="assert" content="The percentage is calculated in relation to the containing block." /> + <style type="text/css"> + div div + { + height: 1in; + } + #div1 + { + width: 2in; + height: 1in; + } + #div2 + { + background: blue; + min-width: 50%; + width: 0; + } + #div3 + { + background: orange; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same width</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-002.xht new file mode 100644 index 0000000000..51e5b64719 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-002.xht @@ -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: Percentage based value for 'min-width' contained by box with a negative 'width'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="If the containing block's width is negative, the used value is zero." /> + <style type="text/css"> + #div1 + { + position: relative; + width: 100px; + } + #div2 + { + left: 120px; + position: absolute; + right: 120px; + width: auto; + } + #div3 + { + background-color: red; + height: 1in; + min-width: 200%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div id="div2"> + <div id="div3"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-003.xht new file mode 100644 index 0000000000..83fbb61b38 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/min-width-percentage-003.xht @@ -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: Using 'min-width' with 'width' dependent on the containing block</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <meta name="assert" content="If the containing block's width depends on this element's width, then the resulting layout is undefined." /> + <style type="text/css"> + #div1 + { + background-color: red; + float: left; + } + div div + { + background-color: green; + min-width: 200%; + } + </style> + </head> + <body> + <p>Test passes if there is anything displayed below.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001-ref.html new file mode 100644 index 0000000000..e98059a69f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001-ref.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<style> +html, body { + margin: 0; +} +html { + margin-left: 10px; +} +outer { + display: block; + border: blue 10px solid; + width: 100px; +} +inner { + display: block; + border: orange 10px solid; + margin-left: -20px; + margin-right: -50px; + height: 10px; +} +</style> +<body> + <outer> + <inner></inner> + </outer> + <outer> + <inner></inner> + </outer> + <outer> + <inner></inner> + </outer> + <outer> + <inner></inner> + </outer> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001.html new file mode 100644 index 0000000000..597516d512 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-001.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<title>Negative margins in LTR/RTL and BFC/non-BFC</title> +<link rel="author" title="Koji Ishii" href="kojii@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#margin-properties" title="Margin properties"> +<link rel="match" href="negative-margin-001-ref.html"> +<style> +html, body { + margin: 0; +} +html { + margin-left: 10px; +} +outer { + display: block; + border: blue 10px solid; + width: 100px; +} +inner { + display: block; + border: orange 10px solid; + margin-left: -20px; + margin-right: -50px; + height: 10px; +} +inner.bfc { + overflow: hidden; +} +</style> +<body> + <outer> + <inner></inner> + </outer> + <outer dir="rtl"> + <inner></inner> + </outer> + <outer> + <inner class="bfc"></inner> + </outer> + <outer dir="rtl"> + <inner class="bfc"></inner> + </outer> +</body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-001.html b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-001.html new file mode 100644 index 0000000000..dc61db5830 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-001.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<title>Last block with negative in container that reduces container height</title> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins"> +<link rel="match" href="../../reference/ref-filled-green-200px-square.html"> +<p>Test passes if there is a filled green square and <strong>no red</strong>.</p> +<div style="width:200px; background:red;"> + <div style="height:200px;"> + <div style="height:80px; background:green;"></div> + </div> + <div style="margin-top:-120px; height:20px; background:green;"></div> +</div> +<div style="width:200px; height:100px; background:green;"></div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-002.html b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-002.html new file mode 100644 index 0000000000..37e9b3559d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/negative-margin-shrinking-container-size-002.html @@ -0,0 +1,10 @@ +<!DOCTYPE html> +<title>Last block with negative in container that reduces container height</title> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/box.html#collapsing-margins" title="8.3.1 Collapsing margins"> +<link rel="match" href="../../reference/ref-filled-green-200px-square.html"> +<p>Test passes if there is a filled green square and <strong>no red</strong>.</p> +<div style="overflow:hidden; width:200px; background:red;"> + <div style="height:200px; background:green;"></div> + <div style="height:200px; margin-bottom:-200px;"></div> +</div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order-ref.html new file mode 100644 index 0000000000..4ea2b5daa6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order-ref.html @@ -0,0 +1,5 @@ +<!DOCTYPE html> +<div style="width: 100px; height: 100px; background: green; position: relative"> + <div style="width: 50px; height: 50px; background: blue; position: absolute; top: 20px; left: 20px"></div> + <div style="width: 50px; height: 50px; background: magenta; position: absolute; top: 0; left: 0"></div> +</div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order.html b/testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order.html new file mode 100644 index 0000000000..a0813ae469 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/overflow-scroll-paint-order.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<title>Overflow:scroll paint order</title> +<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html"> +<link rel="match" href="overflow-scroll-paint-order-ref.html"> +<style> + #scroller { + background: red; + padding: 20px; + box-sizing: border-box; + width: 100px; + height: 100px; + overflow: scroll; + } + #negative-margin { + width: 100px; + height: 100px; + background: green; + margin-top: -100px; + } + #foreground1 { + display: inline-block; + width: 50px; + height: 50px; + background: blue; + } + #foreground2 { + display: inline-block; + width: 50px; + height: 50px; + background: magenta; + } +</style> +<!-- The paint order should be: + scroller background (invisible) + scroller child background (invisible) + negative-margin background (visible) + foreground1 (visible) + foreground2 (visible) +--> +<div id="scroller"> + <div style="height: 200px; background: yellow"> + <div id="foreground1"></div> + </div> +</div> +<div id="negative-margin"> + <div id="foreground2"></div> +</div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-elements-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-elements-001.xht new file mode 100644 index 0000000000..89d3d3956a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-elements-001.xht @@ -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: replaced elements - margin</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width" /> + <meta name="assert" content="Block-level, replaced elements with 'margin-left: auto' and 'margin-right: auto' should be centered within their respective parent block." /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + line-height: 0; + margin: 1em; + } + + input + { + background-color: orange; + display: block; + margin-left: auto; + margin-right: auto; + width: auto; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is 1 orange stripe horizontally centered within each of 2 wide green bars.</p> + + <div> + <input type="button" value=" " /> + </div> + + <form action=""> + <div> + <input type="submit" value=" " /> + </div> + </form> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001-ref.xht new file mode 100644 index 0000000000..d48d43e00a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001-ref.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + html + { + margin: 8px; + width: 150px; + } + + body, p {margin: 0;} + + div + { + background-color: green; + border: lime solid 2px; + height: 150px; + margin: -2px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square exactly fitting inside a bright green border and no red.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001.xht new file mode 100644 index 0000000000..7cbb65bf09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-001.xht @@ -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: Replaced inline elements (using <object>) and SVG intrinsic widths</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/intrinsic/svg/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="match" href="replaced-intrinsic-001-ref.xht" /> + + <meta name="flags" content="svg"/> + <style type="text/css"> + html { width: 150px; padding: 0; margin: 8px; } + body { padding: 0; margin: 0; } + p { padding: 0; margin: 0; } + object { width: auto; height: auto; } /* intrinsic size is 100%x100%, which is equivalent to width:100% height:auto (since height:auto on parent) */ + .control { background: red; width: 150px; height: 150px; border: solid lime 2px; margin: -2px; position: absolute; z-index: -1; } + </style> + </head> + <body> + <p>Test passes if there is a filled green square exactly fitting inside a bright green border and no red.</p> + <p class="control">FAIL (absolute positioning not supported) </p> + <p><object data="support/replaced-intrinsic-001.svg" type="image/svg+xml"> FAIL (SVG not supported) </object></p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002-ref.xht new file mode 100644 index 0000000000..16ec5f2319 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002-ref.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + { + font: 16px/20px serif; + margin: 0; + } + + div + { + background-color: green; + height: 150px; + width: 150px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and no red.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002.xht new file mode 100644 index 0000000000..817a6227d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-002.xht @@ -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" lang="en"> + <head> + <title>CSS Test: Replaced inline elements (using <object>) and SVG intrinsic widths (negative test equivalent of 001)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/intrinsic/svg/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="match" href="replaced-intrinsic-002-ref.xht" /> + + <meta name="flags" content="svg"/> + <style type="text/css"> + html { width: 150px; padding: 0; margin: 8px; position: relative; } + body { padding: 0; margin: 0; } + p { font: 16px/20px serif; padding: 0; margin: 0; } + object { width: auto; height: auto; } /* intrinsic size is 100%x100%, which is equivalent to width:100% height:auto (since height:auto on parent) */ + div { position: absolute; top: 20px; left: 0; height: 150px; width: 150px; background: green; } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and no red. <object data="support/replaced-intrinsic-002.svg" type="image/svg+xml"> FAIL (SVG not supported) </object> </p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003-ref.xht new file mode 100644 index 0000000000..58acdaff9d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003-ref.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + table + { + border-spacing: 0px; + margin: 1em 0px; + } + + td {padding: 0px;} + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <table> + <tr><td><img src="support/test-tl.png" alt="Image download support must be enabled" /></td><td><img src="support/test-tr.png" alt="Image download support must be enabled" /></td></tr> + <tr><td><img src="support/test-bl.png" alt="Image download support must be enabled" /></td><td><img src="support/test-br.png" alt="Image download support must be enabled" /></td></tr> + </table> + + <p>Test passes if there is a complete unbroken yin-yang symbol (☯) above.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003.xht new file mode 100644 index 0000000000..e68c0bebe7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-003.xht @@ -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" lang="en"> + <head> + <title>CSS Test: Replaced block elements (using <object>) and SVG intrinsic widths</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/intrinsic/svg/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="match" href="replaced-intrinsic-003-ref.xht" /> + + <meta name="flags" content="image svg"/> + <style type="text/css"> + html { background: white; } + body { background: 100px 0 url(support/test-tr.png) no-repeat; } + div { width: 200px; background: url(support/test-bl.png) bottom left no-repeat; } + div p { background: url(support/test-tl.png) top left no-repeat; } + object { display: block; margin: auto; padding-right: 100px; background: url(support/test-br.png) bottom right no-repeat; } + </style> + </head> + <body> + <div><p><object data="support/replaced-intrinsic-003.svg" type="image/svg+xml"> FAIL (SVG not supported) </object></p></div> + <p>Test passes if there is a complete unbroken yin-yang symbol (☯) above.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-004.xht new file mode 100644 index 0000000000..ce8c0a1aba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-004.xht @@ -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: Auto Intrinsic Sizes: Intrinsic Height Only and Specified Width</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-02 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="svg" /> + <meta name="assert" content="An inline replaced element with an intrinsic height only + and a specified width is drawn at the specified width and intrinsic height." /> + <style type="text/css"> + object { + border: solid 20px red; + background: green; + width: 60px; + } + .control { + position: absolute; + border: solid 20px green; + height: 60px; + width: 60px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div class="control"></div> + <div class="container"> + <object data="support/replaced-intrinsic-004.svg" type="image/svg+xml">FAIL: SVG support required</object> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005-ref.xht new file mode 100644 index 0000000000..e0efaf7c7e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 190px; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005.xht new file mode 100644 index 0000000000..6f5db58ba8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-005.xht @@ -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: Auto Intrinsic Sizes: Intrinsic Width Only and Auto Height</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="match" href="replaced-intrinsic-005-ref.xht" /> + + <meta name="flags" content="svg" /> + <meta name="assert" content="A replaced element with an intrinsic height only + and a specified width is drawn at the specified width and intrinsic height." /> + <style type="text/css"> + object { + border: red solid 20px; + background: green; + } + .control { + border: green solid 20px; + height: 150px; + position: absolute; + width: 60px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + + <div class="control"></div> + <div><object data="support/replaced-intrinsic-005.svg" type="image/svg+xml">FAIL: SVG support required</object></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-ratio-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-ratio-001.xht new file mode 100644 index 0000000000..e4bb298226 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-intrinsic-ratio-001.xht @@ -0,0 +1,50 @@ +<!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: Auto Width for Replaced Element with Intrinsic Ratio Only</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height" /> + + <!-- + <link rel="help" href="http://www.w3.org/TR/SVGTiny12/coords.html#IntrinsicSizing" /> + --> + + <meta name="flags" content="may svg" /> + + <style type="text/css"> + body { width: 15em; border: silver dashed 1px; } + table { border-spacing: 0; } + td { padding: 0; } + p, table { height: 1em; line-height: 1em; margin: 6em 0; } + + /* basic tests for inline and block */ + #img1 { margin-top: -1em; } + #img2 { display: block; } + + /* shrinkwrapped */ + #p3 { width: 100%; float: left; margin: 0; } + #t4 { width: 15em; display: table-cell; } + #t5 { width: 100%; } + + /* controls */ + object { background: red; } + object, .control { border: blue solid 1em; margin: 0 1em; } + + .control { background: green; } + .inst { height: auto; margin: 1em 0; } + </style> + </head> + <body> + <p class="inst">Test passes if the following 6 blue rectangles have the same width and if there is no red.</p> + <p class="control"> </p> + <p> + <!-- sizing is against containing block, not available space --> + <object id="img1" type="image/svg+xml" data="support/intrinsic-ratio.svg">This test won't work because you do not have images enabled.</object></p> + <p><object id="img2" type="image/svg+xml" data="support/intrinsic-ratio.svg">This test won't work because you do not have images enabled.</object></p> + <p id="t4"><object id="img4" type="image/svg+xml" data="support/intrinsic-ratio.svg">This test won't work because you do not have images enabled.</object></p> + <table id="t5"><tr><td><object id="img5" type="image/svg+xml" data="support/intrinsic-ratio.svg">This test won't work because you do not have images enabled.</object></td></tr></table> + <p id="p3"><object id="img3" type="image/svg+xml" data="support/intrinsic-ratio.svg">This test won't work because you do not have images enabled.</object></p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/replaced-min-max-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-min-max-001.xht new file mode 100644 index 0000000000..40927cda21 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/replaced-min-max-001.xht @@ -0,0 +1,314 @@ +<!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: Min/Max Height and Width Constraints on Replaced Elements</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/replaced/intrinsic/001.html" type="text/html"/> + <meta name="flags" content="image"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <style type="text/css"><![CDATA[ + + /* Make test easier to check */ + p { display: inline; } + + /* Diagrams are scaled so that w and h line up. + Image is 75px x 75px; target dimensions will thus be 75px. */ + + /* none + * + * wmin w wmax + * |------------------+------+---------+------> width + * hmin h hmax + * |-------------+-----------+-----+----------> height + * + * target: [w, h] + */ + + #img1 {min-width: 60px; + max-width: 105px; + min-height: 45px; + max-height: 120px;} + + /* w > max-width + * wmax/w > hmin/h + * wmax w + * |------------------+------+----------------> width + * hmin h + * |------------+------------+----------------> height + * + * target: [wmax, wmax * h/w] + */ + + #img2 {max-width: 75px; /* 50% */ + min-height: 60px; /* 40% */} + + /* w > max-width + * wmax/w < hmin/h + * + * wmax w + * |-------------+-----------+----------------> width + * hmin h + * |------------------+------+----------------> height + * + * target: [wmax, hmin] + */ + + #img3 {max-width: 75px; /* 25% */ + min-height: 75px; /* 50% */} + + /* w < min-width + * wmin/w < hmax/h + * + * w wmin + * |-------------+---------+------------------> width + * h hmax + * |-------------+----------------+-----------> height + * + * target: [wmin, wmin * h/w] + */ + + #img4 {min-width: 75px; /* 300% */ + max-height: 100px; /* 400% */} + + /* w < min-width + * wmin/w > hmax/h + * + * w wmin + * |-------------+----------------+-----------> width + * h hmax + * |-------------+---------+------------------> height + * + * target: [wmin, hmax] + */ + + #img5 {min-width: 75px; /* 300% */ + max-height: 75px; /* 150% */} + + /* h > max-height + * wmin/w < hmax/h + * + * wmin w + * |------------+------------+----------------> width + * hmax h + * |------------------+------+----------------> height + * + * target: [hmax * w/h, hmax] + */ + + #img6 {min-width: 60px; /* 40% */ + max-height: 75px; /* 50% */} + + /* h > max-height + * wmin/w > hmax/h + * + * wmin w + * |------------------+------+----------------> width + * hmax h + * |-------------+-----------+----------------> height + * + * target: [wmin, hmax] + */ + + #img7 {min-width: 75px; /* 50% */ + max-height: 75px; /* 25% */} + + /* h < min-height + * wmax/w > hmin/h + * + * w wmax + * |-------------+----------------+-----------> height + * h hmin + * |-------------+---------+------------------> width + * + * target: [hmin * w/h, hmin] + */ + + #img8 {max-width: 100px; /* 400% */ + min-height: 75px; /* 300% */} + + /* w < min-width + * wmax/w < hmin/h + * + * w wmax + * |-------------+---------+------------------> width + * h hmin + * |-------------+----------------+-----------> height + * + * target: [wmax, hmin] + */ + + #img9 {max-width: 75px; /* 150% */ + min-height: 75px; /* 300% */} + + /* (w > max-width) and (h > max-height) + * (wmin/w > hmax/h) and (wmin/w > hmax/h) + * + * wmin wmax w + * |------------------+------+-------+--------> width + * hmax h + * |-------------+-------------------+--------> height + * + * target: [wmin, hmax] + */ + + #img10 { min-width: 75px; /* 25% */ + max-width: 150px; /* 50% */ + max-height: 75px; /* 20% */} + + /* (w > max-width) and (h > max-height) + * (wmax/w > hmax/h) and (wmin/w < hmax/h) + * + * wmin wmax w + * |---------+---------------+-------+--------> width + * hmax h + * |-------------+-------------------+--------> height + * + * target: [hmax * w/h, hmax] + */ + + #img11 { min-width: 25px; /* 10% */ + max-width: 225px; /* 90% */ + max-height: 75px; /* 30% */} + + /* (w > max-width) and (h > max-height) + * (wmax/w < hmax/h) and (wmax/w < hmin/h) + * + * wmax w + * |-------------+-------------------+--------> width + * hmin hmax h + * |------------------+------+-------+--------> height + * + * target: [wmax, hmin] + */ + + #img12 { max-width: 75px; /* 20% */ + min-height: 75px; /* 25% */ + max-height: 150px; /* 50% */} + + /* (w > max-width) and (h > max-width) + * (wmax/w < hmax/h) and (wmax/w > hmin/h) + * + * wmax w + * |-------------+-------------------+--------> width + * hmin hmax h + * |---------+---------------+-------+--------> height + * + * target: [wmax, wmax * h/w] + */ + + #img13 { max-width: 75px; /* 30% */ + min-height: 25px; /* 10% */ + max-height: 225px; /* 90% */} + + /* (w < min-width) and (h < min-height) + * (wmin/w < hmin/h) and (wmax/w > hmin/h) + * + * w wmin wmax + * |----------+---------+----------+----------> width + * h hmin + * |----------+-------------+-----------------> height + * + * target: [hmin * w/h, hmin] + */ + + #img14 { min-width: 50px; /* 200% */ + max-width: 100px; /* 400% */ + min-height: 75px; /* 300% */} + + /* (w < min-width) and (h < min-height) + * (wmin/w < hmin/h) and (wmax/w < hmin/h) + * + * w wmin wmax + * |----------+---------+----------+----------> width + * h hmin + * |----------+------------------------+------> height + * + * target: [wmax, hmin] + */ + + #img15 { min-width: 55px; /* 110% */ + max-width: 75px; /* 150% */ + min-height: 75px; /* 300% */} + + /* (w < min-width) and (h < min-height) + * (wmin/w > hmin/h) and (wmin/w < hmax/h) + * + * w wmin + * |----------+-------------+-----------------> width + * h hmin hmax + * |----------+---------+----------+----------> height + * + * target: [wmin, wmin * h/w] + */ + + #img16 { min-width: 75px; /* 300% */ + min-height: 50px; /* 200% */ + max-height: 100px; /* 400% */} + + /* (w < min-width) and (h < min-height) + * (wmin/w > hmin/h) and (wmin/w > hmax/h) + * w wmin + * |----------+------------------------+------> width + * h hmin hmax + * |----------+---------+----------+----------> height + * + * target: [wmin, hmax] + */ + + #img17 { min-width: 75px; /* 300% */ + min-height: 55px; /* 110% */ + max-height: 75px; /* 150% */} + + /* (w < min-width) and (h > max-height) + * + * w wmin + * |-------------------------+-----+----------> width + * hmax h + * |------------------+------+----------------> height + * + * target: [wmin, hmax] + */ + + #img18 { min-width: 75px; /* 150% */ + max-height: 75px; /* 75% */} + + /* (w > max-width) and (h < min-height) + * + * wmax w + * |------------------+------+----------------> width + * h hmin + * |-------------------------+-----+----------> height + * + * target: [wmax, hmin] + */ + + #img19 { max-width: 75px; /* 75% */ + min-height: 75px; /* 150% */} + + ]]></style> + </head> + <body> + <div>All twenty images should be identically square.</div> + <p><img src="support/replaced-min-max.png" alt="FAIL" title="Test 0"/></p> <!-- Control --> + <p><img src="support/replaced-min-max-1.png" alt="FAIL" title="Test 1" id="img1"/></p> <!-- Wi=75, Hi=75 --> + <p><img src="support/replaced-min-max-2.png" alt="FAIL" title="Test 2" id="img2"/></p> <!-- Wi=150, Hi=150 --> + <p><img src="support/replaced-min-max-3.png" alt="FAIL" title="Test 3" id="img3"/></p> <!-- Wi=300, Hi=150 --> + <p><img src="support/replaced-min-max-4.png" alt="FAIL" title="Test 4" id="img4"/></p> <!-- Wi=25, Hi=25 --> + <p><img src="support/replaced-min-max-5.png" alt="FAIL" title="Test 5" id="img5"/></p> <!-- Wi=25, Hi=50 --> + <p><img src="support/replaced-min-max-6.png" alt="FAIL" title="Test 6" id="img6"/></p> <!-- Wi=150, Hi=150 --> + <p><img src="support/replaced-min-max-7.png" alt="FAIL" title="Test 7" id="img7"/></p> <!-- Wi=150, Hi=300 --> + <p><img src="support/replaced-min-max-8.png" alt="FAIL" title="Test 8" id="img8"/></p> <!-- Wi=25, Hi=25 --> + <p><img src="support/replaced-min-max-9.png" alt="FAIL" title="Test 9" id="img9"/></p> <!-- Wi=50, Hi=25 --> + <p><img src="support/replaced-min-max-10.png" alt="FAIL" title="Test 10" id="img10"/></p> <!-- Wi=300, Hi=375 --> + <p><img src="support/replaced-min-max-11.png" alt="FAIL" title="Test 11" id="img11"/></p> <!-- Wi=250, Hi=250 --> + <p><img src="support/replaced-min-max-12.png" alt="FAIL" title="Test 12" id="img12"/></p> <!-- Wi=375, Hi=300 --> + <p><img src="support/replaced-min-max-13.png" alt="FAIL" title="Test 13" id="img13"/></p> <!-- Wi=250, Hi=250 --> + <p><img src="support/replaced-min-max-14.png" alt="FAIL" title="Test 14" id="img14"/></p> <!-- Wi=25, Hi=25 --> + <p><img src="support/replaced-min-max-15.png" alt="FAIL" title="Test 15" id="img15"/></p> <!-- Wi=50, Hi=25 --> + <p><img src="support/replaced-min-max-16.png" alt="FAIL" title="Test 16" id="img16"/></p> <!-- Wi=25, Hi=25 --> + <p><img src="support/replaced-min-max-17.png" alt="FAIL" title="Test 17" id="img17"/></p> <!-- Wi=25, Hi=50 --> + <p><img src="support/replaced-min-max-18.png" alt="FAIL" title="Test 18" id="img18"/></p> <!-- Wi=50, Hi=100 --> + <p><img src="support/replaced-min-max-19.png" alt="FAIL" title="Test 19" id="img19"/></p> <!-- Wi=100, Hi=50 --> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order-ref.html new file mode 100644 index 0000000000..ef067c82b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order-ref.html @@ -0,0 +1,4 @@ +<!DOCTYPE html> +<div style="width: 100px; height: 100px; box-sizing: border-box; + border: 30px solid green; background: lime"> +<div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order.html b/testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order.html new file mode 100644 index 0000000000..574df950ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/resizable-iframe-paint-order.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<title>Resizable iframe paint order</title> +<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html"> +<link rel="match" href="resizable-iframe-paint-order-ref.html"> +<!-- Ignore the resizer which may be visible or invisible depending on + in which paint phase the browser paint the resizer. --> +<meta name="fuzzy" content="0-255;0-200"> +<style> + iframe { + display: block; + background: red; + width: 100px; + height: 100px; + padding: 30px; + border: none; + resize: both; + box-sizing: border-box; + } + #negative-margin { + width: 100px; + height: 100px; + background: green; + margin-top: -100px; + } +</style> +<iframe srcdoc="<style>html { background: lime; }</style>"></iframe> +<!-- #negative-margin should paint on top of the background of the iframe + (but not the contents). --> +<div id="negative-margin"></div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/root-box-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/root-box-001-ref.xht new file mode 100644 index 0000000000..fc396c4419 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/root-box-001-ref.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + background-color: green; + margin: 1em; + } + + p + { + background-color: white; + padding: 1em; + } + ]]></style> + + </head> + + <body> + + <p>This text should be in a white box surrounded by green that extends to all edges of the viewport.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/root-box-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/root-box-001.xht new file mode 100644 index 0000000000..2863619a50 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/root-box-001.xht @@ -0,0 +1,22 @@ +<!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: Placing the root element</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/root/001.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins" /> + <link rel="match" href="root-box-001-ref.xht" /> + + <style type="text/css"> + html { margin: 1em; border: 1em solid red; padding: 0; background: green; } + body { margin: 0; border: 0; padding: 0; background: red; } + p { margin: -1em; border: 0; padding: 1em; background: white; } + </style> + </head> + <body> + <p>This text should be in a white box surrounded by green that extends + to all edges of the viewport.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-gray.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-gray.png Binary files differnew file mode 100644 index 0000000000..4922e5f266 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-gray.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-green.png Binary files differnew file mode 100644 index 0000000000..b98ca0ba0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-green.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-red.png Binary files differnew file mode 100644 index 0000000000..6bd73ac101 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-red.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-white.png Binary files differnew file mode 100644 index 0000000000..dd43faec54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/1x1-white.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/60x60-green.png Binary files differnew file mode 100644 index 0000000000..b3c8cf3eb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/60x60-green.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/black96x96.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/black96x96.png Binary files differnew file mode 100644 index 0000000000..4e5a7c7546 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/black96x96.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/blue15x15.png Binary files differnew file mode 100644 index 0000000000..89de32fdb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/blue15x15.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/blue96x96.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/blue96x96.png Binary files differnew file mode 100644 index 0000000000..820f8cace2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/blue96x96.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/cat.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/cat.png Binary files differnew file mode 100644 index 0000000000..85dd732481 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/cat.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/diamond.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/diamond.png Binary files differnew file mode 100644 index 0000000000..51112efc7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/diamond.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/green-rectangle-50wideBy10tall.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/green-rectangle-50wideBy10tall.png Binary files differnew file mode 100644 index 0000000000..9f43666ee5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/green-rectangle-50wideBy10tall.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/green.html b/testing/web-platform/tests/css/CSS2/normal-flow/support/green.html new file mode 100644 index 0000000000..7f10fadc7a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/green.html @@ -0,0 +1,2 @@ +<!doctype html> +<body style="background: green"></body> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/green15x15.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/green15x15.png Binary files differnew file mode 100644 index 0000000000..51741584a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/green15x15.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/green200x200.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/green200x200.png Binary files differnew file mode 100644 index 0000000000..7a47c0e5e7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/green200x200.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/intrinsic-ratio.svg b/testing/web-platform/tests/css/CSS2/normal-flow/support/intrinsic-ratio.svg new file mode 100644 index 0000000000..e57abd206f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/intrinsic-ratio.svg @@ -0,0 +1,15 @@ +<?xml version="1.0" standalone="no"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" + "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.0" + viewBox="0 0 1000 250" preserveAspectRatio="xMinYMin meet" + xmlns="http://www.w3.org/2000/svg"> + <!-- This rectangle goes from (0,0) to (1500,1000) in user space. + Because of the viewBox attribute above, + the rectangle will end up filling the entire area + reserved for the SVG content. --> + <rect x="0" y="0" width="1000" height="250" + fill="lime" stroke="green" stroke-width="12" /> + <!-- A large, red triangle --> + <path fill="green" d="M 500,50 L 150,200 L 850,200 z"/> +</svg>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/margin-collapse-2em-space.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/margin-collapse-2em-space.png Binary files differnew file mode 100644 index 0000000000..2c381ef4dc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/margin-collapse-2em-space.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-grg-rgr-grg.png Binary files differnew file mode 100644 index 0000000000..9b88fbd811 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-grg-rgr-grg.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-rgr-grg-rgr.png Binary files differnew file mode 100644 index 0000000000..d454e3a630 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/pattern-rgr-grg-rgr.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-001.svg b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-001.svg new file mode 100644 index 0000000000..c0aa7222af --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-001.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg"> <!-- width="100%" height="100%" is implied, so intrinsic size is 100%x100% --> + <rect x="0" y="0" width="300" height="200" fill="green"/> +</svg>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-002.svg b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-002.svg new file mode 100644 index 0000000000..081fb46418 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-002.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg"> <!-- width="100%" height="100%" is implied, so intrinsic size is 100%x100% --> + <rect x="0" y="0" width="300" height="200" fill="red"/> +</svg>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-003.svg b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-003.svg new file mode 100644 index 0000000000..9585a24329 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-003.svg @@ -0,0 +1,4 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="10 10 1 2"> + <!-- width="100%" height="100%" is implied, so intrinsic size is 100%x100% --> + <!-- intrinsic ratio is 2:1 due to viewBox --> +</svg>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-004.svg b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-004.svg new file mode 100644 index 0000000000..d9ab032d5b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-004.svg @@ -0,0 +1,2 @@ +<svg xmlns="http://www.w3.org/2000/svg" + width="100%" height="60px"/> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-005.svg b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-005.svg new file mode 100644 index 0000000000..bc44625d65 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-intrinsic-005.svg @@ -0,0 +1,2 @@ +<svg xmlns="http://www.w3.org/2000/svg" + width="60px"/> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-1.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-1.png Binary files differnew file mode 100644 index 0000000000..6e4ec9538f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-1.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-10.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-10.png Binary files differnew file mode 100644 index 0000000000..bfdca3e6f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-10.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-11.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-11.png Binary files differnew file mode 100644 index 0000000000..38ee90dda0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-11.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-12.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-12.png Binary files differnew file mode 100644 index 0000000000..87433d4d7b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-12.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-13.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-13.png Binary files differnew file mode 100644 index 0000000000..c07d66e788 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-13.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-14.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-14.png Binary files differnew file mode 100644 index 0000000000..e89dbe9758 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-14.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-15.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-15.png Binary files differnew file mode 100644 index 0000000000..717ea111b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-15.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-16.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-16.png Binary files differnew file mode 100644 index 0000000000..0a49bbf1c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-16.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-17.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-17.png Binary files differnew file mode 100644 index 0000000000..a2ee273d79 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-17.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-18.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-18.png Binary files differnew file mode 100644 index 0000000000..d18f453417 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-18.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-19.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-19.png Binary files differnew file mode 100644 index 0000000000..8900f36c41 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-19.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-2.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-2.png Binary files differnew file mode 100644 index 0000000000..58338097fe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-2.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-3.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-3.png Binary files differnew file mode 100644 index 0000000000..a7a68a2caa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-3.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-4.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-4.png Binary files differnew file mode 100644 index 0000000000..c099ae4271 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-4.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-5.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-5.png Binary files differnew file mode 100644 index 0000000000..9d9d8105ff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-5.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-6.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-6.png Binary files differnew file mode 100644 index 0000000000..781f894a5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-6.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-7.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-7.png Binary files differnew file mode 100644 index 0000000000..3f91a11f8e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-7.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-8.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-8.png Binary files differnew file mode 100644 index 0000000000..69951ec257 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-8.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-9.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-9.png Binary files differnew file mode 100644 index 0000000000..3ac586daa5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max-9.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max.png Binary files differnew file mode 100644 index 0000000000..3ef233005a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/replaced-min-max.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/ring.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/ring.png Binary files differnew file mode 100644 index 0000000000..061bb94eba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/ring.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-aqua.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-aqua.png Binary files differnew file mode 100644 index 0000000000..dd47e28665 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-aqua.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-orange.png Binary files differnew file mode 100644 index 0000000000..d3cd498b52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-orange.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-teal.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-teal.png Binary files differnew file mode 100644 index 0000000000..0293ce89de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/swatch-teal.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/test-bl.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-bl.png Binary files differnew file mode 100644 index 0000000000..904e24e996 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-bl.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/test-br.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-br.png Binary files differnew file mode 100644 index 0000000000..f413ff5c1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-br.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/test-tl.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-tl.png Binary files differnew file mode 100644 index 0000000000..f6ac0ef7e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-tl.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/support/test-tr.png b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-tr.png Binary files differnew file mode 100644 index 0000000000..59843ae54b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/support/test-tr.png diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001-ref.xht new file mode 100644 index 0000000000..b7bf352d04 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001-ref.xht @@ -0,0 +1,11 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference</title> + </head> + <body> + <div> + aaa + <div>bbb</div> + </div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001.xht new file mode 100644 index 0000000000..1c8eb8ae38 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/table-in-inline-001.xht @@ -0,0 +1,18 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test: blocks inside inlines – table-pseudo-in-part3-1</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <link rel="match" href="table-in-inline-001-ref.xht"/> + </head> + <body> + <span style="display: table-row"> + <span> + aaa + <span style="display: block"></span> + <span style="display: table-cell">bbb</span> + </span> + </span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-max-height.html b/testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-max-height.html new file mode 100644 index 0000000000..8a2fbb28ac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-max-height.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<title>Unresolvable percentage min-height</title> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: 'min-height' and 'max-height'"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/check-layout-th.js"></script> +<div id="container" style="width:100px; height:30000px; max-height:100%;" data-expected-height="30000"> + <div style="height:12345px;"></div> +</div> +<script> + checkLayout("#container"); +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-min-height.html b/testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-min-height.html new file mode 100644 index 0000000000..5201eddb21 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/unresolvable-min-height.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<title>Unresolvable percentage min-height</title> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#min-max-heights" title="10.7 Minimum and maximum heights: 'min-height' and 'max-height'"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/check-layout-th.js"></script> +<p>There should be a blue square below.</p> +<div id="container" style="width:100px; max-height:100px; min-height:100%; background:blue;" data-expected-height="100"> + <div style="height:300px;"></div> +</div> +<script> + checkLayout("#container"); +</script> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order-ref.html b/testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order-ref.html new file mode 100644 index 0000000000..9f5eebe964 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<style> + video { + width: 95px; + height: 95px; + } + #negative-margin { + display: inline-block; + width: 100px; + height: 100px; + background: green; + margin-left: -100px; + } +</style> +<video></video> +<div id="negative-margin"></div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order.html b/testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order.html new file mode 100644 index 0000000000..5c259606be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/video-paint-order.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<title>Video paint order</title> +<link rel="author" title="Philip Rogers" href="pdr@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html"> +<link rel="match" href="video-paint-order-ref.html"> +<style> + video { + background: red; + width: 95px; + height: 95px; + } + #negative-margin { + display: inline-block; + width: 100px; + height: 100px; + background: green; + margin-left: -100px; + } +</style> +<video></video> +<!-- #negative-margin should paint fully on top of the video. --> +<div id="negative-margin"></div> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-001.xht new file mode 100644 index 0000000000..490d07b436 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-001.xht @@ -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: Width using pixels with a minimum minus one value, -1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'width' property sets a minimum minus one length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: 0; + width: -1px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-002.xht new file mode 100644 index 0000000000..27f70297fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-002.xht @@ -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: Width using pixels with a minimum value, 0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a minimum length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: 0px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-003.xht new file mode 100644 index 0000000000..04cb1075bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-003.xht @@ -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: Width using pixels with a minimum plus one value, 1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-003-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a minimum plus one length value in pixels." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + width: 1px; + } + </style> + </head> + <body> + <p>Test passes if there is a thin vertical line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-004.xht new file mode 100644 index 0000000000..0bb4504f5a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-004.xht @@ -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: Width using pixels with a negative zero value, -0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a negative zero length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: -0px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-005.xht new file mode 100644 index 0000000000..6c33aad874 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-005.xht @@ -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: Width using pixels with a positive zero value, +0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a positive zero length value in pixels." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: +0px; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-006.xht new file mode 100644 index 0000000000..13dc9c6daa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-006.xht @@ -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: Width using pixels with a nominal value, 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a nominal length value in pixels." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + width: 96px; + } + #div2 + { + border-left: 96px solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-007.xht new file mode 100644 index 0000000000..b175a933e2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-007.xht @@ -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: Width using pixels with a positive nominal value, +96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a positive nominal length value in pixels." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + width: +96px; + } + #div2 + { + border-left: 96px solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-012.xht new file mode 100644 index 0000000000..a4d6749138 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-012.xht @@ -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: Width using points with a minimum minus one value, -1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'width' property sets a minimum minus one length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: 0; + width: -1pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-013.xht new file mode 100644 index 0000000000..fe2179984d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-013.xht @@ -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: Width using points with a minimum value, 0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a minimum length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: 0pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-014.xht new file mode 100644 index 0000000000..c0094c463b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-014.xht @@ -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: Width using points with a minimum plus one value, 1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <meta name="assert" content="The 'width' property sets a minimum plus one length value in points." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + width: 1pt; + } + </style> + </head> + <body> + <p>Test passes if there is a thin vertical line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-015.xht new file mode 100644 index 0000000000..481712f7f9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-015.xht @@ -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: Width using points with a negative zero value, -0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a negative zero length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: -0pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-016.xht new file mode 100644 index 0000000000..a51692cd5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-016.xht @@ -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: Width using points with a positive zero value, +0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a positive zero length value in points." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: +0pt; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-017.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-017.xht new file mode 100644 index 0000000000..fc557cd39c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-017.xht @@ -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: Width using points with a nominal value, 72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a nominal length value in points." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + width: 72pt; + } + #div2 + { + border-left: 72pt solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-018.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-018.xht new file mode 100644 index 0000000000..dd216b4713 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-018.xht @@ -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: Width using points with a positive nominal value, +72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a positive nominal length value in points." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + width: +72pt; + } + #div2 + { + border-left: 72pt solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-023.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-023.xht new file mode 100644 index 0000000000..ef7537f6d4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-023.xht @@ -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: Width using picas with a minimum minus one value, -1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'width' property sets a minimum minus one length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: 0; + width: -1pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-024.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-024.xht new file mode 100644 index 0000000000..fce85940ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-024.xht @@ -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: Width using picas with a minimum value, 0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a minimum length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: 0pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-025.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-025.xht new file mode 100644 index 0000000000..608d1e806d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-025.xht @@ -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: Width using picas with a minimum plus one value, 1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-025-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a minimum plus one length value in picas." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + width: 1pc; + } + </style> + </head> + <body> + <p>Test passes if there is a vertical black bar.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-026.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-026.xht new file mode 100644 index 0000000000..b6c409fb47 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-026.xht @@ -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: Width using picas with a negative zero value, -0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a negative zero length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: -0pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-027.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-027.xht new file mode 100644 index 0000000000..859defc617 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-027.xht @@ -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: Width using picas with a positive zero value, +0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a positive zero length value in picas." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: +0pc; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-028.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-028.xht new file mode 100644 index 0000000000..5e4f3f2c20 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-028.xht @@ -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: Width using picas with a nominal value, 6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a nominal length value in picas." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + width: 6pc; + } + #div2 + { + border-left: 6pc solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-029.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-029.xht new file mode 100644 index 0000000000..ade1a9e6c8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-029.xht @@ -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: Width using picas with a positive nominal value, +6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a positive nominal length value in picas." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + width: +6pc; + } + #div2 + { + border-left: 6pc solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-034.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-034.xht new file mode 100644 index 0000000000..12b1c3c696 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-034.xht @@ -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: Width using centimeters with a minimum minus one value, -1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'width' property sets a minimum minus one length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: 0; + width: -1cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-035.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-035.xht new file mode 100644 index 0000000000..dd7a308a22 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-035.xht @@ -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: Width using centimeters with a minimum value, 0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a minimum length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: 0cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-036.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-036.xht new file mode 100644 index 0000000000..bc6521526e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-036.xht @@ -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: Width using centimeters with a minimum plus one value, 1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-036-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a minimum plus one length value in centimeters." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + width: 1cm; + } + </style> + </head> + <body> + <p>Test passes if there is a black rectangle.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-037.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-037.xht new file mode 100644 index 0000000000..54f02b088f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-037.xht @@ -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: Width using centimeters with a negative zero value, -0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a negative zero length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: -0cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-038.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-038.xht new file mode 100644 index 0000000000..48c68e127f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-038.xht @@ -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: Width using centimeters with a positive zero value, +0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a positive zero length value in centimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: +0cm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-039.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-039.xht new file mode 100644 index 0000000000..57befa8674 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-039.xht @@ -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: Width using centimeters with a nominal value, 2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a nominal length value in centimeters." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + width: 2.54cm; + } + #div2 + { + border-left: 2.54cm solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-040.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-040.xht new file mode 100644 index 0000000000..1da5c24842 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-040.xht @@ -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: Width using centimeters with a positive nominal value, +2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a positive nominal length value in centimeters." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + width: +2.54cm; + } + #div2 + { + border-left: 2.54cm solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-045.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-045.xht new file mode 100644 index 0000000000..0090d2f3bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-045.xht @@ -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: Width using millimeters with a minimum minus one value, -1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'width' property sets a minimum minus one length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: 0; + width: -1mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-046.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-046.xht new file mode 100644 index 0000000000..9b54e3c472 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-046.xht @@ -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: Width using millimeters with a minimum value, 0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a minimum length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: 0mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-047.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-047.xht new file mode 100644 index 0000000000..cb575da4d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-047.xht @@ -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: Width using millimeters with a minimum plus one value, 1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-047-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a minimum plus one length value in millimeters." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + width: 1mm; + } + </style> + </head> + <body> + <p>Test passes if there is a vertical line.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-048.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-048.xht new file mode 100644 index 0000000000..edf0656cb3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-048.xht @@ -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: Width using millimeters with a negative zero value, -0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a negative zero length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: -0mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-049.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-049.xht new file mode 100644 index 0000000000..8bc9ef40ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-049.xht @@ -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: Width using millimeters with a positive zero value, +0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a positive zero length value in millimeters." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: +0mm; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-050.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-050.xht new file mode 100644 index 0000000000..8e1ec3ebd3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-050.xht @@ -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: Width using millimeters with a nominal value, 25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a nominal length value in millimeters." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + width: 25.4mm; + } + #div2 + { + border-left: 25.4mm solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-051.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-051.xht new file mode 100644 index 0000000000..34ae663d49 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-051.xht @@ -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: Width using millimeters with a positive nominal value, +25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a positive nominal length value in millimeters." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + width: +25.4mm; + } + #div2 + { + border-left: 25.4mm solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-056.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-056.xht new file mode 100644 index 0000000000..15a4e3195c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-056.xht @@ -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: Width using inches with a minimum minus one value, -1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'width' property sets a minimum minus one length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: 0; + width: -1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-057.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-057.xht new file mode 100644 index 0000000000..873402f9e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-057.xht @@ -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: Width using inches with a minimum value, 0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a minimum length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: 0in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-058.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-058.xht new file mode 100644 index 0000000000..62156f0029 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-058.xht @@ -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: Width using inches with a minimum plus one value, 1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'width' property sets a minimum plus one length value in inches." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-059.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-059.xht new file mode 100644 index 0000000000..555d270816 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-059.xht @@ -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: Width using inches with a negative zero value, -0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a negative zero length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: -0in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-060.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-060.xht new file mode 100644 index 0000000000..1832dc16be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-060.xht @@ -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: Width using inches with a positive zero value, +0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a positive zero length value in inches." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: +0in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-061.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-061.xht new file mode 100644 index 0000000000..96b326f883 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-061.xht @@ -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: Width using inches with a nominal value, 3in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-061-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a nominal length value in inches." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + width: 3in; + } + #div2 + { + border-left: 3in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-062.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-062.xht new file mode 100644 index 0000000000..daff788b11 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-062.xht @@ -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: Width using inches with a positive nominal value, +3in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-061-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a positive nominal length value in inches." /> + <style type="text/css"> + #div1 + { + background: black; + height: 1in; + width: +3in; + } + #div2 + { + border-left: 3in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-067.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-067.xht new file mode 100644 index 0000000000..4f20df1e11 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-067.xht @@ -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: Width using 'em' units with a minimum minus one value, -1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'width' property sets a minimum minus one length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + width: 0; + width: -1em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-068.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-068.xht new file mode 100644 index 0000000000..5b1f7996ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-068.xht @@ -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: Width using 'em' units with a minimum value, 0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'width' property sets a minimum length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + width: 0em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-069.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-069.xht new file mode 100644 index 0000000000..d29b1f3ece --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-069.xht @@ -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: Width using 'em' units with a minimum plus one value, 1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-069-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'width' property sets a minimum plus one length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: black; + font: 20px/1 Ahem; + height: 1in; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is a vertical black stripe.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-070.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-070.xht new file mode 100644 index 0000000000..42e554e8cd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-070.xht @@ -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: Width using 'em' units with a negative zero value, -0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'width' property sets a negative zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + width: -0em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-071.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-071.xht new file mode 100644 index 0000000000..9577a48ef8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-071.xht @@ -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: Width using 'em' units with a positive zero value, +0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'width' property sets a positive zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + width: +0em; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-072.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-072.xht new file mode 100644 index 0000000000..08ce84318c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-072.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Width using 'em' units with a nominal value, 6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-072-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'width' property sets a nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + } + #div1 + { + background: black; + height: 1in; + width: 6em; + } + #div2 + { + border-left: 6em solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-073.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-073.xht new file mode 100644 index 0000000000..a7d881aed9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-073.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Width using 'em' units with a positive nominal value, +6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-072-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'width' property sets a positive nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + } + #div1 + { + background: black; + height: 1in; + width: +6em; + } + #div2 + { + border-left: 6em solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black rectangles have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-078.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-078.xht new file mode 100644 index 0000000000..353a3313a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-078.xht @@ -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: Width using 'ex' units with a minimum minus one value, -1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem invalid" /> + <meta name="assert" content="The 'width' property sets a minimum minus one length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + width: 0; + width: -1ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-079.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-079.xht new file mode 100644 index 0000000000..d7ddc2193d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-079.xht @@ -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: Width using 'ex' units with a minimum value, 0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'width' property sets a minimum length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + width: 0ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-080.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-080.xht new file mode 100644 index 0000000000..cfb5b1fa9b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-080.xht @@ -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: Width using 'ex' units with a minimum plus one value, 1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-025-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'width' property sets a minimum plus one length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: black; + font: 20px/1 Ahem; + height: 1in; + width: 1ex; + } + </style> + </head> + <body> + <p>Test passes if there is a vertical black bar.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-081.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-081.xht new file mode 100644 index 0000000000..18f084cd5c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-081.xht @@ -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: Width using 'ex' units with a negative zero value, -0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'width' property sets a negative zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + width: -0ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-082.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-082.xht new file mode 100644 index 0000000000..df9ce59284 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-082.xht @@ -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: Width using 'ex' units with a positive zero value, +0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'width' property sets a positive zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: red; + font: 20px/1 Ahem; + height: 1in; + width: +0ex; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-083.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-083.xht new file mode 100644 index 0000000000..4619538b1f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-083.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Width using 'ex' units with a nominal value, 6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'width' property sets a nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + } + #div1 + { + background: black; + height: 1in; + width: 6ex; + } + #div2 + { + border-left: 1in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-084.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-084.xht new file mode 100644 index 0000000000..030838ff35 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-084.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Width using 'ex' units with a positive nominal value, +6ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'width' property sets a positive nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + } + #div1 + { + background: black; + height: 1in; + width: +6ex; + } + #div2 + { + border-left: 1in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-089.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-089.xht new file mode 100644 index 0000000000..29318bdde4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-089.xht @@ -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: Width using percentages with a minimum minus one value, -1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'width' property sets a minimum minus one length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + div div + { + background: red; + height: 1in; + width: 0; + width: -1%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-090.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-090.xht new file mode 100644 index 0000000000..2d2570e979 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-090.xht @@ -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: Width using percentages with a minimum value, 0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a minimum length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + div div + { + background: red; + height: 1in; + width: 0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-091.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-091.xht new file mode 100644 index 0000000000..a208c0037f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-091.xht @@ -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: Width using percentages with a minimum plus one value, 1%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-003-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a minimum plus one length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 100px; + } + div div + { + background: black; + height: 1in; + width: 1%; + } + </style> + </head> + <body> + <p>Test passes if there is a thin vertical line.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-092.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-092.xht new file mode 100644 index 0000000000..65fc878410 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-092.xht @@ -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: Width using percentages with a negative zero value, -0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a negative zero length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + div div + { + background: red; + height: 1in; + width: -0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-093.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-093.xht new file mode 100644 index 0000000000..d50f2f41e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-093.xht @@ -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: Width using percentages with a positive zero value, +0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a positive zero length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + div div + { + background: red; + height: 1in; + width: +0%; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-094.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-094.xht new file mode 100644 index 0000000000..adabe533de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-094.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Width using percentages with a nominal value, 100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a nominal length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + #div2 + { + background: black; + height: 1in; + width: 100%; + } + #div3 + { + border-left: 1in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-095.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-095.xht new file mode 100644 index 0000000000..cfbbbd0971 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-095.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Width using percentages with a positive nominal value, +100%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-006-ref.xht" /> + + <meta name="assert" content="The 'width' property sets a positive nominal length value in percentages." /> + <style type="text/css"> + #div1 + { + width: 1in; + } + #div2 + { + background: black; + height: 1in; + width: +100%; + } + #div3 + { + border-left: 1in solid black; + height: 1in; + margin-top: 4px; + } + </style> + </head> + <body> + <p>Test passes if 2 black squares have the <strong>same width</strong>.</p> + <div id="div1"> + <div id="div2"></div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-100.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-100.xht new file mode 100644 index 0000000000..a33fbf25f7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-100.xht @@ -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: Width with a negative zero value and no units, -0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a negative zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: -0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-101.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-101.xht new file mode 100644 index 0000000000..93d94799e1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-101.xht @@ -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: Width with a zero value and no units, 0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-102.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-102.xht new file mode 100644 index 0000000000..55427fe3fe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-102.xht @@ -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: Width with a positive zero value and no units, +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property sets a positive zero length value with no units." /> + <style type="text/css"> + div + { + background: red; + height: 1in; + width: +0; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-103-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-103-ref.xht new file mode 100644 index 0000000000..c22ed60768 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-103-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: black; + height: 96px; + width: 100%; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a wide black rectangle.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-103.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-103.xht new file mode 100644 index 0000000000..0fa4c02239 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-103.xht @@ -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: Width set to a value of 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="width-103-ref.xht" /> + + <meta name="assert" content="The 'width' property applies a value of 'auto'." /> + <style type="text/css"> + div + { + background: black; + height: 1in; + width: 0; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if there is a wide black rectangle.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-104.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-104.xht new file mode 100644 index 0000000000..014d4a5be2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-104.xht @@ -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: Width set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-003-ref.xht" /> + + <meta name="assert" content="The 'width' property properly inherits the width value of the parent." /> + <style type="text/css"> + #div1 + { + width: 1px; + } + div div + { + background: black; + height: 1in; + width: 0; + width: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is a thin vertical line.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-001.xht new file mode 100644 index 0000000000..e77f82de78 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-001.xht @@ -0,0 +1,56 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Width applied to elements with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'width' property does not apply to elements with 'display' set to 'table-row-group'." /> + <style type="text/css"> + #test + { + background-color: black; + display: table-row-group; + width: 0in; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-002.xht new file mode 100644 index 0000000000..e4856351ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-002.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Width applied to elements with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'width' property does not apply to elements with 'display' set to 'table-header-group'." /> + <style type="text/css"> + #test + { + background-color: black; + display: table-header-group; + width: 0in; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-003.xht new file mode 100644 index 0000000000..1ba87769ab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-003.xht @@ -0,0 +1,55 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Width applied to elements with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'width' property does not apply to elements with 'display' set to 'table-footer-group'." /> + <style type="text/css"> + #test + { + background-color: black; + display: table-footer-group; + width: 0in; + } + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-004.xht new file mode 100644 index 0000000000..bb38445c63 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-004.xht @@ -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: Width applied to elements with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-06 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'width' property does not apply to elements with 'display' set to 'table-row'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + background-color: black; + display: table-row; + width: 0in; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-005.xht new file mode 100644 index 0000000000..7a2d437e57 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-005.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Width applied to elements with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../../reference/pass_if_square_96px_black.html"/> + <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'table-column-group'." /> + <style type="text/css"> + #test + { + display: table-column-group; + width: 1in; + } + + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + background: black; + display: table-cell; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-006.xht new file mode 100644 index 0000000000..325820c769 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-006.xht @@ -0,0 +1,57 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Width applied to elements with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'table-column'." /> + <style type="text/css"> + .test + { + background: black; + display: table-column; + width: 0.5in; + } + + #table + { + display: table; + table-layout: fixed; + width: 2in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div class="test"></div> + <div class="test"></div> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div><div class="cell"></div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div><div class="cell"></div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-007.xht new file mode 100644 index 0000000000..e8f94ed296 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-007.xht @@ -0,0 +1,46 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Width applied to elements with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + } + .row + { + display: table-row; + } + .cell + { + background: black; + display: table-cell; + height: 0.5in; + width: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-008.xht new file mode 100644 index 0000000000..6079c75797 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-008.xht @@ -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: Width applied to elements with 'display' set to 'inline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="The 'width' property does not apply to elements with 'display' set to 'inline'." /> + <style type="text/css"> + div + { + background: red; + display: inline; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-009.xht new file mode 100644 index 0000000000..2beb85f29a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-009.xht @@ -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: Width applied to elements with 'display' set to 'block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'block'." /> + <style type="text/css"> + span + { + background: black; + display: block; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-010.xht new file mode 100644 index 0000000000..acd3bf2ba4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-010.xht @@ -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: Width applied to elements with 'display' set to 'list-item'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'list-item'." /> + <style type="text/css"> + div + { + background: black; + display: list-item; + height: 1in; + margin-left: 2em; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square and a marker bullet on its left-hand side.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-012.xht new file mode 100644 index 0000000000..d94cd05f96 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-012.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Width applied to elements with 'display' set to 'inline-block'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'inline-block'." /> + <style type="text/css"> + span#inline-block + { + background-color: black; + display: inline-block; + width: 1in; + } + + span.block-descendant + { + display: block; + height: 0.5in; + } + </style> + </head> + <body> + + <p>Test passes if there is a filled black square.</p> + + <div> + <span id="inline-block"> + <span class="block-descendant">a</span> + <span class="block-descendant">b</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-013.xht new file mode 100644 index 0000000000..7bd664ea02 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-013.xht @@ -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: Width applied to elements with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'table'." /> + <style type="text/css"> + #table + { + background-color: black; + display: table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-014.xht new file mode 100644 index 0000000000..46c0542866 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-014.xht @@ -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: Width applied to elements with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'inline-table'." /> + <style type="text/css"> + #table + { + background-color: black; + display: inline-table; + table-layout: fixed; + width: 1in; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 0.5in; + } + </style> + </head> + <body> + + <p>Test passes if there is a filled black square.</p> + + <div id="table"> + + <div class="row"> + <div class="cell">a</div><div class="cell">b</div> + </div> + + <div class="row"> + <div class="cell">c</div><div class="cell">d</div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-015.xht new file mode 100644 index 0000000000..d068f427cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-015.xht @@ -0,0 +1,43 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Width applied to elements with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + + <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'table-caption'." /> + <style type="text/css"> + #table + { + display: table; + } + #caption + { + background: black; + display: table-caption; + height: 1in; + width: 1in; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div id="table"> + <div id="caption"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-016.xht new file mode 100644 index 0000000000..d66fecb1e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-applies-to-016.xht @@ -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: Width applied to elements set to 'display: none'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta name="assert" content="Width can be declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion." /> + <style type="text/css"> + div div + { + display: none; + width: 1in; + } + div + { + background: red; + height: 1in; + position: absolute; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-inherit-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-inherit-001.xht new file mode 100644 index 0000000000..5b070aad87 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-inherit-001.xht @@ -0,0 +1,39 @@ +<!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: Inheriting Explicit Widths</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="match" href="block-non-replaced-width-001-ref.xht" /> + + + <meta name="assert" content="The computed width is inherited, even if the + 'width' property does not apply."/> + <style type="text/css"> + .outer { + width: 9.375em; /* 150px */ + } + .inner { + display: block; + width: inherit; + height: 1.875em; /* 30px */ + background: orange; + } + .control { + position: absolute; + top: 82px; + width: 9.375em; + height: 1.875em; + background: blue; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue rectangles have the <strong>same width</strong>.</p> + + <div><span class="outer"><span class="inner"></span></span></div> + <div class="control"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001-ref.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001-ref.xht new file mode 100644 index 0000000000..21152edd5c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001-ref.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border-right: black solid 5px; + border-left: black solid 5px; + float: left; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the left and right borders start and end where the 'Filler Text' does.</p> + + <div>Filler Text Filler Text Filler Text Filler Text</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001.xht new file mode 100644 index 0000000000..f89d0a7aef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-non-replaced-inline-001.xht @@ -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: Width of non-replaced inline element should be the same as its content</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="width-non-replaced-inline-001-ref.xht" /> + + <meta name="assert" content="Content width of a non-replaced inline element is that of the rendered content." /> + <style type="text/css"> + div + { + border-right: black solid 5px; + border-left: black solid 5px; + float: left; + } + </style> + </head> + <body> + <p>Test passes if the left and right borders start and end where the 'Filler Text' does.</p> + <div>Filler Text Filler Text Filler Text Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-001.xht new file mode 100644 index 0000000000..43a356a796 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-001.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Calculating percentage based width off of the parent container</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-percentage-001-ref.xht" /> + + <meta name="assert" content="Percentage is calculated with respect to the width of the generated boxes containing block." /> + <style type="text/css"> + div + { + height: 1in; + } + #div1 + { + width: 2in; + } + div div + { + background-color: blue; + width: 50%; + } + #div2 + { + background-color: orange; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same width</strong>.</p> + <div id="div1"> + <div></div> + </div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-002.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-002.xht new file mode 100644 index 0000000000..a336934a1f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-percentage-002.xht @@ -0,0 +1,52 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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: Calculating widths for absolutely positioned elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-11-07 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="max-width-percentage-001-ref.xht" /> + + <meta name="assert" content="Absolutely positioned elements whose containing block is based on a block-level element, the percentage is calculated with respect to the width of the padding box of that element." /> + <style type="text/css"> + #div1 + { + background: blue; + width: 1in; + } + #div2 + { + position: relative; + } + #div3 + { + padding: 0 0.5in; + width: 1in; + } + #div4 + { + width: 50%; + background: orange; + } + #div1, #div3, #div4 + { + height: 1in; + } + #div3, #div4 + { + left: 0; + position: absolute; + top: 0; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the <strong>same width</strong>.</p> + <div id="div1"></div> + <div id="div2"> + <div id="div3"> + <div id="div4"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-replaced-element-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-replaced-element-001.xht new file mode 100644 index 0000000000..91ce155a8f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-replaced-element-001.xht @@ -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: Scaling replaced elements with a width specified can scale the image</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <meta name="flags" content="image may" /> + <meta name="assert" content="Replaced elements width may be scaled by the user agent when the value of the property is not 'auto'." /> + <style type="text/css"> + div + { + position: relative; + } + div div + { + background: orange; + height: 15px; + width: 15px; + } + img + { + position: absolute; + left: 0.25in; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue square is the same size or larger than the orange square.</p> + <div> + <div></div> + <img alt="blue 15x15" src="support/blue15x15.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/width-undefined-001.xht b/testing/web-platform/tests/css/CSS2/normal-flow/width-undefined-001.xht new file mode 100644 index 0000000000..10911d8a4a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/width-undefined-001.xht @@ -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: Width of containing block is determined by with of child</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The containing block's width depends on this element's width because the resulting layout has not been defined in CSS2.1." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #span1 + { + background-color: red; + font: 1in/1em Ahem; + left: 10px; + position: absolute; + top: 10px; + } + p + { + margin-top: 1.1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div> + <span id="span1"> + <span>XX</span> + </span> + </div> + </body> +</html>
\ No newline at end of file |
