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/tables | |
| 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/tables')
1262 files changed, 60989 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/tables/anonymous-table-box-width-001.xht b/testing/web-platform/tests/css/CSS2/tables/anonymous-table-box-width-001.xht new file mode 100644 index 0000000000..15bd489365 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/anonymous-table-box-width-001.xht @@ -0,0 +1,69 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 anonymous table box versus caption box in the automatic table layout</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" title="17.5.2.2 Automatic table layout" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout" /> + <link rel="bookmark" title="Issue 172: table-caption content overflows" href="http://wiki.csswg.org/spec/css2.1#issue-172" /> + <link rel="bookmark" title="Anonymous table box is as wide as max(table-width, table-caption-min-intrinsic-width)" href="http://lists.w3.org/Archives/Public/www-style/2010Sep/0186.html" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="Anonymous table box should be as wide as max(table-width, table-caption-min-intrinsic-width)." name="assert" /> + + <style type="text/css"><![CDATA[ + p + { + font: 1em/1.25 serif; + margin: 1em 0; + } + + strong {vertical-align: bottom;} + + div#overlapped-red + { + background-color: red; + height: 100px; + position: absolute; + top: 3.25em; + /* + 16px : max(8px, 16px): maximum of body's margin-top and p's margin-top + + 20px : p's line-height + + 16px : p's margin-bottom + --------- + 52px == 3.25em + */ + width: 100px; + z-index: -1; + } + + table#overlapping-green + { + border-bottom: green solid 100px; + border-spacing: 0; + } + + caption {width: 100px;} + + td {padding: 0;} + + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="overlapped-red"></div> + + <table id="overlapping-green"> + <caption></caption> + <tr><td></td></tr> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/background-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/background-table-001.xht new file mode 100644 index 0000000000..eee1a39070 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/background-table-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: background-repeat on table rows</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/table/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <style type="text/css"> + table { background: green; color: white; } + tr { background: url(support/1x1-red.png) -1em 0 no-repeat; } /* -1em means it's outside the element */ + </style> + </head> + <body> + <table><tbody><tr><td>This text should have a green background.</td></tr></tbody></table> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/background-table-002.xht b/testing/web-platform/tests/css/CSS2/tables/background-table-002.xht new file mode 100644 index 0000000000..50c549902b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/background-table-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: background-repeat on table rows</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/table/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <style type="text/css"> + table { background: green; color: white; } + tr { background: url(support/1x1-red.png) -1em 0 no-repeat; } /* -1em means it's outside the element */ + td { background-repeat: repeat; } + </style> + </head> + <body> + <table><tbody><tr><td>This text should have a green background.</td></tr></tbody></table> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/background-table-003.xht b/testing/web-platform/tests/css/CSS2/tables/background-table-003.xht new file mode 100644 index 0000000000..1c64224bbd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/background-table-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: background-repeat on table rows</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/table/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background"/> + <style type="text/css"> + table { background: green; color: white; } + tr { background: url(support/1x1-red.png) -1em 0 no-repeat; } /* -1em means it's outside the element */ + td { background-repeat: no-repeat; } + </style> + </head> + <body> + <table><tbody><tr><td>This text should have a green background.</td></tr></tbody></table> + + +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/background-table-README b/testing/web-platform/tests/css/CSS2/tables/background-table-README new file mode 100644 index 0000000000..9ab51bc6a9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/background-table-README @@ -0,0 +1,5 @@ +See also: + http://fantasai.tripod.com/www-style/2002/table-backgrounds/tests/ + https://dbaron.org/css/test/sec170501 + https://dbaron.org/css/test/sec170501a + https://dbaron.org/css/test/sec170501b
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/basic-css-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/basic-css-table-001.xht new file mode 100644 index 0000000000..c2c0268d6e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/basic-css-table-001.xht @@ -0,0 +1,85 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 table display types</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="CSS display table types are supported." /> + <style type="text/css"> + .table + { + display: table; + border: 1px solid gray; + } + .caption + { + display: table-caption; + background: black; + } + .colgroup + { + display: table-column-group; + } + .col + { + display: table-column; + } + .thead + { + display: table-header-group; + } + .tfoot + { + display: table-footer-group; + } + .tbody + { + display: table-row-group; + } + .tr + { + display: table-row; + } + .td + { + background: black; + border: 1px solid gray; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a solid bar on top of a three-by-three grid of boxes below.</p> + <div class="table"> + <div class="caption">X</div> + <div class="colgroup"> + <div class="col"></div> + <div class="col"></div> + </div> + <div class="colgroup"> + <div class="col"></div> + </div> + <div class="thead"> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + <div class="tfoot"> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + <div class="tbody"> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/basic-html-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/basic-html-table-001.xht new file mode 100644 index 0000000000..c194844a58 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/basic-html-table-001.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: HTML table with every table element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <link rel="help" href="http://www.w3.org/TR/REC-html40/struct/tables.html#h-11.2" /> + <meta name="assert" content="HTML table elements are supported." /> + <style type="text/css"> + caption, td, th + { + background: black; + } + </style> + </head> + <body> + <p>Test passes if there is a solid bar on top of a three-by-three grid of boxes below.</p> + <table border="1"> + <caption>X</caption> + <colgroup> + <col /> + <col /> + </colgroup> + <colgroup> + <col /> + </colgroup> + <thead> + <tr> + <th>XXXXX</th> + <th>XXXXX</th> + <th>XXXXX</th> + </tr> + </thead> + <tfoot> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </tfoot> + <tbody> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </tbody> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-001.xht b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-001.xht new file mode 100644 index 0000000000..4e034e4dc8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-001.xht @@ -0,0 +1,48 @@ +<!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> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"/> + <meta name="assert" content="Collapsed borders should behave the same way in ltr and rtl contexts"/> + <title>CSS Test: border-collapse in bidi context - border-right</title> + <style type="text/css"><![CDATA[ + table { + border-collapse:collapse; + margin-bottom: 1em; + } + tr { + border-left: 5px solid fuchsia; + border-right: 5px solid purple; + } + td.right { + background-color: yellow; + border-right: 5px solid orange; + } + td.left { + background-color: aqua; + border-right: 5px solid teal; + } + ]]></style> + </head> + + <body> + + <p>The two tables should be identical:</p> + + <table dir="rtl"> + <tr> + <td class="right">XX XX XX</td> + <td class="left">XX</td> + </tr> + </table> + + + <table dir="ltr"> + <tr> + <td class="left">XX</td> + <td class="right">XX XX XX</td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-002.xht b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-002.xht new file mode 100644 index 0000000000..60daa3e010 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-002.xht @@ -0,0 +1,47 @@ +<!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> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"/> + <meta name="assert" content="Collapsed borders should behave the same way in ltr and rtl contexts"/> + <title>CSS Test: border-collapse in bidi context - border-left</title> + <style type="text/css"><![CDATA[ + table { + border-collapse:collapse; + margin-bottom: 1em; + } + tr { + border-left: 5px solid fuchsia; + border-right: 5px solid purple; + } + td.right { + background-color: yellow; + border-left: 5px solid orange; + } + td.left { + background-color: aqua; + border-left: 5px solid teal; + } + ]]></style> + </head> + + <body> + + <p>The two tables should be identical:</p> + + <table dir="rtl"> + <tr> + <td class="right">XX XX XX</td> + <td class="left">XX</td> + </tr> + </table> + + <table dir="ltr"> + <tr> + <td class="left">XX</td> + <td class="right">XX XX XX</td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-003.xht b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-003.xht new file mode 100644 index 0000000000..b360b82bdb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-003.xht @@ -0,0 +1,47 @@ +<!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> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"/> + <meta name="assert" content="Collapsed borders should behave the same way in ltr and rtl contexts"/> + <title>CSS Test: border-collapse in bidi context - border-top</title> + <style type="text/css"><![CDATA[ + table { + border-collapse:collapse; + margin-bottom: 1em; + } + tr { + border-left: 5px solid fuchsia; + border-right: 5px solid purple; + } + td.right { + background-color: yellow; + border-top: 5px solid orange; + } + td.left { + background-color: aqua; + border-top: 5px solid teal; + } + ]]></style> + </head> + + <body> + + <p>The two tables should be identical:</p> + + <table dir="rtl"> + <tr> + <td class="right">XX XX XX</td> + <td class="left">XX</td> + </tr> + </table> + + <table dir="ltr"> + <tr> + <td class="left">XX</td> + <td class="right">XX XX XX</td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-004.xht b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-004.xht new file mode 100644 index 0000000000..d6a4c754e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/bidi-border-collapse-004.xht @@ -0,0 +1,47 @@ +<!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> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"/> + <meta name="assert" content="Collapsed borders should behave the same way in ltr and rtl contexts"/> + <title>CSS Test: border-collapse in bidi context - border-bottom</title> + <style type="text/css"><![CDATA[ + table { + border-collapse:collapse; + margin-bottom: 1em; + } + tr { + border-left: 5px solid fuchsia; + border-right: 5px solid purple; + } + td.right { + background-color: yellow; + border-bottom: 5px solid orange; + } + td.left { + background-color: aqua; + border-bottom: 5px solid teal; + } + ]]></style> + </head> + + <body> + + <p>The two tables should be identical:</p> + + <table dir="rtl"> + <tr> + <td class="right">XX XX XX</td> + <td class="left">XX</td> + </tr> + </table> + + <table dir="ltr"> + <tr> + <td class="left">XX</td> + <td class="right">XX XX XX</td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-001.xht new file mode 100644 index 0000000000..ab0367f7d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-001.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: Border-collapse set to 'collapse'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="A table with 'border-collapse' set to 'collapse' collapses the borders between its cells." /> + <style type="text/css"> + table + { + border-collapse: collapse; + border-spacing: 5px; + } + td + { + background: black; + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if a single box appears below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-002.xht new file mode 100644 index 0000000000..dcbab34801 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-002.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: Border-collapse set to 'separate'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="A table with 'border-collapse' set to 'separate' separates the borders between its cells." /> + <style type="text/css"> + table + { + border-collapse: separate; + border-spacing: 5px; + } + td + { + background: black; + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if four separate boxes appear below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-003.xht new file mode 100644 index 0000000000..76bfe73971 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-003.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: Border-collapse set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="A table can inherit its 'border-collapse' behavior from its parent container." /> + <style type="text/css"> + #parent + { + border-collapse: collapse; + } + table + { + border-collapse: inherit; + border-spacing: 3px; + border-style: none; + } + td + { + background: black; + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if a single box appears below this line.</p> + <div id="parent"> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-004.xht new file mode 100644 index 0000000000..8aa1548222 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-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: overflow: hidden and border-collapse: collapse</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/border-collapse/collapse/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <style type="text/css"> + table { border-collapse: collapse; } + div { margin-top: 0.25em; } + td, div { + border-left: 2em solid; + overflow: hidden; + padding-left: 0.25em; + font: 4em sans-serif; + color: navy; + } + </style> + </head> + <body> + <p>There should be two identical blocks below, each with the word "Test" to the right.</p> + <table><tr><td>Test</td></tr></table> + <div>Test</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-005-ref.html b/testing/web-platform/tests/css/CSS2/tables/border-collapse-005-ref.html new file mode 100644 index 0000000000..d5bfd99c48 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-005-ref.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8" /> + <title>CSS (Tables) Reference File</title> + <link rel="author" title="Chris Rebert" href="http://chrisrebert.com" /> + <style> +table { + border-collapse: collapse; + border: 2px solid blue; +} +th { + font-weight: normal; + text-align: left; +} + </style> +</head> +<body> + <table> + <tbody> + <tr> + <td>One</td> + <td>Two</td> + </tr> + </tbody> + <tfoot> + <tr> + <td>Three</td> + <td>Four</td> + </tr> + </tfoot> + </table> + <p>Test passes if there is a solid blue border around the <strong>entire perimeter</strong> of the table.</p> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-005.html b/testing/web-platform/tests/css/CSS2/tables/border-collapse-005.html new file mode 100644 index 0000000000..0f3fabce3a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-005.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8" /> + <title>CSS Test (Tables): collapsing borders with empty tbody</title> + <link rel="author" title="Chris Rebert" href="http://chrisrebert.com" /> + <link rel="help" href="http://www.w3.org/TR/CSS2/tables.html#collapsing-borders" /> + <link rel="help" href="https://drafts.csswg.org/css2/tables.html#collapsing-borders" /> + <link rel="help" href="https://drafts.csswg.org/css3-tables/#collapsing-borders" /> + <link rel="match" href="border-collapse-005-ref.html " /> + <meta name="assert" content="border-collapse should work correctly when a table has an empty tbody" /> + <style> +table { + border-collapse: collapse; + border: 2px solid blue; +} +th { + font-weight: normal; + text-align: left; +} + </style> +</head> +<body> + <table> + <thead> + <tr> + <th>One</th> + <th>Two</th> + </tr> + </thead> + <tbody></tbody> + <tfoot> + <tr> + <td>Three</td> + <td>Four</td> + </tr> + </tfoot> + </table> + <p>Test passes if there is a solid blue border around the <strong>entire perimeter</strong> of the table.</p> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-001.xht new file mode 100644 index 0000000000..309c5ab699 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-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: Border-collapse and 'display: inline' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse does not apply to 'display: inline' elements." /> + <style type="text/css"> + div + { + border-collapse: collapse; + color: white; + display: inline; + font-size: 4em; + } + #left + { + border-right: 10px solid blue; + } + #right + { + border-left: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p> + <div id="left">X</div> + <div id="right">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-002.xht new file mode 100644 index 0000000000..a3db353c80 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-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: Border-collapse and 'display: block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse does not apply to 'display: block' elements." /> + <style type="text/css"> + #bottom, span + { + border-collapse: collapse; + display: block; + height: 100px; + width: 100px; + } + span + { + border-bottom: 10px solid blue; + } + #bottom + { + border-top: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p> + <div> + <span></span> + </div> + <div id="bottom"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-003.xht new file mode 100644 index 0000000000..88752cbc3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-003.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: Border-collapse and 'display: list-item' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse and 'display: list-item' elements." /> + <style type="text/css"> + div + { + border-collapse: collapse; + display: list-item; + height: 100px; + margin-left: 2em; + width: 100px; + } + #top + { + border-bottom: 10px solid blue; + } + #bottom + { + border-top: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a horizontal solid blue line above a dotted orange line and there are two marker bullets on the left-hand side of the lines. (Note the marker bullets do not need to be aligned with the lines.)</p> + <div id="top"></div> + <div id="bottom"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-005.xht new file mode 100644 index 0000000000..f4ea7165eb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-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: Border-collapse and 'display: inline-block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse does not apply to 'display: inline-block' elements." /> + <style type="text/css"> + div + { + border-collapse: collapse; + display: inline-block; + height: 100px; + width: 100px; + } + #left + { + border-right: 10px solid blue; + } + #right + { + border-left: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p> + <div id="left"></div> + <div id="right"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-006.xht new file mode 100644 index 0000000000..0da1b3bf3a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-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: Border-collapse and 'display: table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse applies to 'display: table' elements." /> + <style type="text/css"> + #test + { + border-collapse: collapse; + display: table; + } + #tr + { + display: table-row; + } + #left, #right + { + display: table-cell; + height: 100px; + width: 100px; + } + #left + { + border-right: 10px solid black; + } + #right + { + border-left: 10px dotted red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="test"> + <div id="tr"> + <div id="left"></div> + <div id="right"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-007.xht new file mode 100644 index 0000000000..a82845d12d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-007.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: Border-collapse and 'display: inline-table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse applies to 'display: inline-table' elements." /> + <style type="text/css"> + #test + { + border-collapse: collapse; + display: inline-table; + } + #tr + { + display: table-row; + } + #left, #right + { + display: table-cell; + height: 100px; + width: 100px; + } + #left + { + border-right: 10px solid black; + } + #right + { + border-left: 10px dotted red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="test"> + <div id="tr"> + <div id="left"></div> + <div id="right"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-008.xht new file mode 100644 index 0000000000..a495635b63 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-008.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: Border-collapse and 'display: table-row-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse does not apply to 'display: table-row-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + border-collapse: collapse; + display: table-row-group; + } + #tr + { + display: table-row; + } + #left, #right + { + display: table-cell; + height: 100px; + width: 100px; + } + #left + { + border-right: 10px solid blue; + } + #right + { + border-left: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p> + <div id="table"> + <div id="test"> + <div id="tr"> + <div id="left"></div> + <div id="right"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-009.xht new file mode 100644 index 0000000000..0ff5c92e8d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-009.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: Border-collapse and 'display: table-header-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse does not apply to 'display: table-header-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + border-collapse: collapse; + display: table-header-group; + } + #tr + { + display: table-row; + } + #left, #right + { + display: table-cell; + height: 100px; + width: 100px; + } + #left + { + border-right: 10px solid blue; + } + #right + { + border-left: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p> + <div id="table"> + <div id="test"> + <div id="tr"> + <div id="left"></div> + <div id="right"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-010.xht new file mode 100644 index 0000000000..4a5bbdab09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-010.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: Border-collapse and 'display: table-footer-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse does not apply to 'display: table-footer-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + border-collapse: collapse; + display: table-footer-group; + } + #tr + { + display: table-row; + } + #left, #right + { + display: table-cell; + height: 100px; + width: 100px; + } + #left + { + border-right: 10px solid blue; + } + #right + { + border-left: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p> + <div id="table"> + <div id="test"> + <div id="tr"> + <div id="left"></div> + <div id="right"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-011.xht new file mode 100644 index 0000000000..f841d78cbb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-011.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: Border-collapse and 'display: table-row' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse does not apply to 'display: table-row' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + border-collapse: collapse; + display: table-row; + } + #left, #right + { + display: table-cell; + height: 100px; + width: 100px; + } + #left + { + border-right: 10px solid blue; + } + #right + { + border-left: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p> + <div id="table"> + <div id="test"> + <div id="left"></div> + <div id="right"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-012.xht new file mode 100644 index 0000000000..fa886ae9d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-012.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: Border-collapse and 'display: table-column' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse does not apply to 'display: table-column' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + border-collapse: collapse; + display: table-column; + } + .tr + { + display: table-row; + } + #top, #bottom + { + display: table-cell; + height: 100px; + width: 100px; + } + #top + { + border-bottom: 10px solid blue; + } + #bottom + { + border-top: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p> + <div id="table"> + <div id="test"></div> + <div class="tr"> + <div id="top"></div> + </div> + <div class="tr"> + <div id="bottom"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-013.xht new file mode 100644 index 0000000000..3419ea6dd9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-013.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: Border-collapse and 'display: table-column-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse does not apply to 'display: table-column-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + border-collapse: collapse; + display: table-column-group; + } + .tr + { + display: table-row; + } + #top, #bottom + { + display: table-cell; + height: 100px; + width: 100px; + } + #top + { + border-bottom: 10px solid blue; + } + #bottom + { + border-top: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p> + <div id="table"> + <div id="test"></div> + <div class="tr"> + <div id="top"></div> + </div> + <div class="tr"> + <div id="bottom"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-014.xht new file mode 100644 index 0000000000..79f9dbed27 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-014.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: Border-collapse and 'display: table-cell' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse does not apply to 'display: table-cell' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #tr + { + display: table-row; + } + .test + { + border-collapse: collapse; + display: table-cell; + height: 100px; + width: 100px; + } + #left + { + border-right: 10px solid blue; + } + #right + { + border-left: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a vertical solid blue line, and to its right side, a dotted orange line.</p> + <div id="table"> + <div id="tr"> + <div id="left" class="test"></div> + <div id="right" class="test"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-015.xht new file mode 100644 index 0000000000..95082a3a28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-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: Border-collapse and 'display: table-caption' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse does not apply to 'display: table-caption' elements." /> + <style type="text/css"> + #table + { + display: table; + height: 100px; + width: 100px; + } + .test + { + border-collapse: collapse; + display: table-caption; + height: 100px; + width: 100px; + } + #top + { + border-bottom: 10px solid blue; + } + #tr + { + + display: table-row; + } + #bottom + { + display: table-cell; + border-top: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p> + <div id="table"> + <div id="top" class="test"></div> + <div id="tr"> + <div id="bottom"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-016.xht new file mode 100644 index 0000000000..f102d6a799 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-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: Border-collapse and 'display: none' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Border-collapse does not apply to 'display: none' elements." /> + <style type="text/css"> + div + { + border: 10px solid red; + border-collapse: collapse; + display: none; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div></div> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-017.xht new file mode 100644 index 0000000000..35e6bc2b01 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-applies-to-017.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: Border-collapse and 'display: inherit' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse does not apply to 'display: inherit' elements which do not inherit the value of 'table' or 'inline-table'." /> + <style type="text/css"> + #container + { + display: block; + } + .test + { + border-collapse: collapse; + display: inherit; + height: 100px; + width: 100px; + } + #top + { + border-bottom: 10px solid blue; + } + #bottom + { + border-top: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p> + <div id="container"> + <div id="top" class="test"></div> + <div id="bottom" class="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-001-ref.xht new file mode 100644 index 0000000000..add46203dd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-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>border collapse dynamic change to cell style</title> +<style type="text/css"> +td { border: 10px green outset;} +table {margin: 30px} +</style> +</head> +<body> +<table style="border-collapse:collapse"> + <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr> + <tr><td>c21</td><td style="border-style:solid">c22</td><td>c23</td></tr> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> +</tbody></table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-001.xht new file mode 100644 index 0000000000..821dfc3fe8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-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: border collapse dynamic change to cell style</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-cell-001-ref.xht"/> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderStyle="solid"; +} +</script> +<style type="text/css"> +td { border: 10px green outset;} +table {margin: 30px} +</style> +</head> +<body onload="doTest();"> +<table style="border-collapse:collapse"> + <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr> + <tr><td>c21</td><td style="border-style:none" id="target">c22</td><td>c23</td></tr> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> +</tbody></table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-002-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-002-ref.xht new file mode 100644 index 0000000000..834558df50 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-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>border collapse dynamic change to cell color</title> + +<style type="text/css"> +td { border: 10px green solid;} +table {margin: 30px} +</style> +</head> +<body> +<table style="border-collapse:collapse"> + <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr> + <tr><td>c21</td><td style="border-width:11px;border-color:yellow">c22</td><td>c23</td></tr> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> +</tbody></table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-002.xht new file mode 100644 index 0000000000..1c1928a004 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-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: border collapse dynamic change to cell color</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-cell-002-ref.xht"/> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderColor="yellow"; +} +</script> +<style type="text/css"> +td { border: 10px green solid;} +table {margin: 30px} +</style> +</head> +<body onload="doTest();"> +<table style="border-collapse:collapse"> + <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr> + <tr><td>c21</td><td style="border-width:11px" id="target">c22</td><td>c23</td></tr> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> +</tbody></table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-003-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-003-ref.xht new file mode 100644 index 0000000000..2e3b282fb6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-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>border collapse dynamic change to cell border width</title> +<style type="text/css"> +td { border: 10px green solid;} +table {margin: 30px} +</style> +</head> +<body> +<table style="border-collapse:collapse"> + <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr> + <tr><td>c21</td><td style="border-width:20px">c22</td><td>c23</td></tr> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> +</tbody></table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-003.xht new file mode 100644 index 0000000000..7ef31d2519 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-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: border collapse dynamic change to cell border width</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-cell-003-ref.xht"/> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderWidth="20px"; +} +</script> +<style type="text/css"> +td { border: 10px green solid;} +table {margin: 30px} +</style> +</head> +<body onload="doTest();"> +<table style="border-collapse:collapse"> + <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr> + <tr><td>c21</td><td id="target">c22</td><td>c23</td></tr> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> +</tbody></table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-004-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-004-ref.xht new file mode 100644 index 0000000000..f0d1a6ee68 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-004-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>border collapse dynamic change to colspan cell style</title> +<style type="text/css"> +td { border: 10px green outset;} +table {margin: 30px} +</style> +</head> +<body> +<table style="border-collapse:collapse"> + <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr> + <tr><td colspan="3" style="border-style:solid;">c21</td></tr> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> +</tbody></table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-004.xht new file mode 100644 index 0000000000..ff92f9dcca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-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: border collapse dynamic change to colspan cell style</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-cell-004-ref.xht"/> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderStyle="solid"; +} +</script> +<style type="text/css"> +td { border: 10px green outset;} +table {margin: 30px} +</style> +</head> +<body onload="doTest();"> +<table style="border-collapse:collapse"> + <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr> + <tr><td colspan="3" style="border-style:none" id="target">c21</td></tr> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> +</tbody></table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-005-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-005-ref.xht new file mode 100644 index 0000000000..e60a30af51 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-005-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>border collapse dynamic change to rowspan cell style </title> +<style type="text/css"> +td { border: 10px green outset;} +table {margin: 30px} +</style> +</head> +<body> +<table style="border-collapse:collapse"> + <tbody><tr><td>c11</td><td style="border-style:solid" rowspan="3">c12</td><td>c13</td></tr> + <tr><td>c21</td><td>c23</td></tr> + <tr><td>c31</td><td>c33</td></tr> +</tbody></table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-005.xht new file mode 100644 index 0000000000..0bd00bd17e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-cell-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: border collapse dynamic change to rowspan cell style </title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-cell-005-ref.xht"/> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderStyle="solid"; +} +</script> +<style type="text/css"> +td { border: 10px green outset;} +table {margin: 30px} +</style> +</head> +<body onload="doTest();"> +<table style="border-collapse:collapse"> + <tbody><tr><td>c11</td><td style="border-style:none" rowspan="3" id="target">c12</td><td>c13</td></tr> + <tr><td>c21</td><td>c23</td></tr> + <tr><td>c31</td><td>c33</td></tr> +</tbody></table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001-ref.xht new file mode 100644 index 0000000000..143abdab76 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-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>border collapse dynamic change to colgroup border color</title> +<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse} +colgroup#reference {border:solid yellow 11px} +]]></style> +</head> +<body> + +<p>There should be a continuous solid yellow border around the center column. All other borders should be a continuous solid green.</p> + +<table> +<colgroup><col /></colgroup> +<colgroup id="reference"><col /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-001.xht new file mode 100644 index 0000000000..66d9700192 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-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: border collapse dynamic change to colgroup border color</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-colgroup-001-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderColor="yellow"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse} +colgroup#target {border:solid green 11px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be a continuous solid yellow border around the center column. All other borders should be a continuous solid green.</p> + +<table> + +<colgroup><col /></colgroup> +<colgroup id="target"><col /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002-ref.xht new file mode 100644 index 0000000000..a7e304befc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002-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>border collapse dynamic change to colgroup border width</title> +<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse} +colgroup#reference {border:solid green 20px} +]]></style> +</head> +<body> + +<p>There should be continuous solid thicker border around the center column. The text inside the cells should not overlap any of the borders.</p> + +<table> +<colgroup><col /></colgroup> +<colgroup id="reference"><col /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002.xht new file mode 100644 index 0000000000..e42dc3ac63 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-002.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: border collapse dynamic change to colgroup border width</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-colgroup-002-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderWidth="20px"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse} +colgroup#target {border:solid green 11px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be continuous solid thicker border around the center column. The text inside the cells should not overlap any of the borders.</p> + +<table> + +<colgroup><col /></colgroup> +<colgroup id="target"><col /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003-ref.xht new file mode 100644 index 0000000000..4ffe0b0ea7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003-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>border collapse dynamic change to colgroup border style</title> +<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> +<style type="text/css"><![CDATA[ +td { border: 10px green outset;} +table {margin: 30px; border-collapse:collapse} +colgroup#reference {border:solid green 10px} +]]></style> +</head> +<body> + +<p>There should be a continuous solid green border around the center column. All other borders should look as though they are coming out of the canvas.</p> + +<table> +<colgroup><col /></colgroup> +<colgroup id="reference"><col /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003.xht new file mode 100644 index 0000000000..15cf88b158 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-colgroup-003.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: border collapse dynamic change to colgroup border style</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-colgroup-003-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderStyle="solid"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green outset;} +table {margin: 30px; border-collapse:collapse} +colgroup#target {border:outset green 10px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be a continuous solid green border around the center column. All other borders should look as though they are coming out of the canvas.</p> + +<table> + +<colgroup><col /></colgroup> +<colgroup id="target"><col /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-001.xht new file mode 100644 index 0000000000..44210248c8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-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: border collapse dynamic change to col border color</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-colgroup-001-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderColor="yellow"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse} +col#target {border:solid green 11px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be a continuous solid yellow border around the center column. All other borders should be a continuous solid green.</p> + +<table> + +<colgroup><col /></colgroup> +<colgroup><col id="target" /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-002.xht new file mode 100644 index 0000000000..8a488dd5e2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-002.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: border collapse dynamic change to col border width</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-colgroup-002-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderWidth="20px"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse} +col#target {border:solid green 11px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be continuous solid thicker border around the center column. The text inside the cells should not overlap any of the borders.</p> + +<table> + +<colgroup><col /></colgroup> +<colgroup><col id="target" /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-003.xht new file mode 100644 index 0000000000..5acb0f0501 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-column-003.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: border collapse dynamic change to col border style</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-colgroup-003-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderStyle="solid"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green outset;} +table {margin: 30px; border-collapse:collapse} +col#target {border:outset green 10px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be a continuous solid green border around the center column. All other borders should look as though they are coming out of the canvas.</p> + +<table> + +<colgroup><col /></colgroup> +<colgroup><col id="target" /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-001.xht new file mode 100644 index 0000000000..7c6e724342 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-001.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: border collapse dynamic change to row border color</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-rowgroup-001-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderColor="yellow"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse} +tr#target {border:solid green 11px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be a continuous solid yellow border around the middle row. All other borders should be a continuous solid green.</p> + +<table> + + <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr> + <tr id="target"><td>c21</td><td>c22</td><td>c23</td></tr> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> +</tbody></table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-002.xht new file mode 100644 index 0000000000..129e152a10 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-002.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: border collapse dynamic change to row border width</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-rowgroup-002-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderWidth="20px"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse} +tr#target {border:solid green 2px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be continuous solid thicker border around the middle row. The text inside the cells should not overlap any of the borders.</p> + +<table> + + <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr> + <tr id="target"><td>c21</td><td>c22</td><td>c23</td></tr> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> +</tbody></table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-003.xht new file mode 100644 index 0000000000..8b700d8983 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-row-003.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: border collapse dynamic change to row border style</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-rowgroup-003-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderStyle="solid"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green outset;} +table {margin: 30px; border-collapse:collapse} +tr#target {border:outset green 10px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be a continuous solid green border around the middle row. All other borders should look as though they are coming out of the canvas.</p> + +<table> + + <tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr> + <tr id="target"><td>c21</td><td>c22</td><td>c23</td></tr> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> +</tbody></table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001-ref.xht new file mode 100644 index 0000000000..d3caf63d97 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001-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>border collapse dynamic change to rowgroup border color</title> +<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse} +tbody#reference {border:solid yellow 11px} +]]></style> +</head> +<body> + +<p>There should be a continuous solid yellow border around the middle row. All other borders should be a continuous solid green.</p> + +<table> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody id="reference"> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + + </tbody> + <tbody> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001.xht new file mode 100644 index 0000000000..e4812a156e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-001.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: border collapse dynamic change to rowgroup border color</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-rowgroup-001-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderColor="yellow"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse} +tbody#target {border:solid green 11px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be a continuous solid yellow border around the middle row. All other borders should be a continuous solid green.</p> + +<table> + +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody id="target"> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002-ref.xht new file mode 100644 index 0000000000..133adfa54c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002-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>border collapse dynamic change to rowgroup border width</title> +<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse} +tbody#reference {border:solid green 20px} +]]></style> +</head> +<body> + +<p>There should be continuous solid thicker border around the middle row. The text inside the cells should not overlap any of the borders.</p> + +<table> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody id="reference"> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + + </tbody> + <tbody> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002.xht new file mode 100644 index 0000000000..a456eb6c68 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-002.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: border collapse dynamic change to rowgroup border width</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-rowgroup-002-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderWidth="20px"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse} +tbody#target {border:solid green 11px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be continuous solid thicker border around the middle row. The text inside the cells should not overlap any of the borders.</p> + +<table> + +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody id="target"> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003-ref.xht new file mode 100644 index 0000000000..fc88485f9b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003-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>border collapse dynamic change to rowgroup border style</title> +<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> +<style type="text/css"><![CDATA[ +td { border: 10px green outset;} +table {margin: 30px; border-collapse:collapse} +tbody#reference {border:solid green 10px} +]]></style> +</head> +<body> + +<p>There should be a continuous solid green border around the middle row. All other borders should look as though they are coming out of the canvas.</p> + +<table> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody id="reference"> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + + </tbody> + <tbody> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003.xht new file mode 100644 index 0000000000..703d6d7a37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-rowgroup-003.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: border collapse dynamic change to rowgroup border style</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-rowgroup-003-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderStyle="solid"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green outset;} +table {margin: 30px; border-collapse:collapse} +tbody#target {border:outset green 10px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be a continuous solid green border around the middle row. All other borders should look as though they are coming out of the canvas.</p> + +<table> + +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody id="target"> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-001-ref.xht new file mode 100644 index 0000000000..523f47df03 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-001-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>border collapse dynamic change to table border color</title> +<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse; border:solid yellow 11px} +]]></style> +</head> +<body> + +<p>There should be a continuous solid yellow border around a grid of 3 rows and 3 columns. All borders inside the grid should be continuous solid green.</p> + +<table> +<colgroup><col /></colgroup> +<colgroup><col /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-001.xht new file mode 100644 index 0000000000..23988d0f4b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-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: border collapse dynamic change to table border color</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-table-001-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderColor="yellow"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse; border:solid green 11px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be a continuous solid yellow border around a grid of 3 rows and 3 columns. All borders inside the grid should be continuous solid green.</p> + +<table id="target"> + +<colgroup><col /></colgroup> +<colgroup><col /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-002-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-002-ref.xht new file mode 100644 index 0000000000..05998fae94 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-002-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>border collapse dynamic change to table border width</title> +<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse; border:solid green 20px} +]]></style> +</head> +<body> + +<p>There should be a continuous solid thick border around a grid of 3 rows and 3 columns. The borders inside the grid should be half the thickness of the outside border of the grid.</p> + +<table> +<colgroup><col /></colgroup> +<colgroup><col /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-002.xht new file mode 100644 index 0000000000..77e57f1cf2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-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: border collapse dynamic change to table border width</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-table-002-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderWidth="20px"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green solid;} +table {margin: 30px; border-collapse:collapse; border:solid green 11px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be a continuous solid thick border around a grid of 3 rows and 3 columns. The borders inside the grid should be half the thickness of the outside border of the grid.</p> + +<table id="target"> + +<colgroup><col /></colgroup> +<colgroup><col /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003-ref.xht new file mode 100644 index 0000000000..f7a02c8e04 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003-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>border collapse dynamic change to table border style</title> +<link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> +<style type="text/css"><![CDATA[ +td { border: 10px green outset;} +table {margin: 30px; border-collapse:collapse; border:solid green 10px} +]]></style> +</head> +<body> + +<p>There should be a continuous solid green border around the outside of a grid of 3 rows and 3 columns. The borders inside the grid should look as though they are coming out of the canvas.</p> + +<table> +<colgroup><col /></colgroup> +<colgroup><col /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003.xht new file mode 100644 index 0000000000..162eb9f74b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-dynamic-table-003.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: border collapse dynamic change to table border style</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-dynamic-table-003-ref.xht"/> + <meta http-equiv="Content-Script-Type" content="text/javascript" /> + <meta name="flags" content="dom" /> +<script type="text/javascript"> +function doTest(){ + var t1 =document.getElementById('target'); + t1.style.borderStyle="solid"; +} +</script> +<style type="text/css"><![CDATA[ +td { border: 10px green outset;} +table {margin: 30px; border-collapse:collapse; border:none green 10px} +]]></style> +</head> +<body onload="doTest();"> + +<p>There should be a continuous solid green border around the outside of a grid of 3 rows and 3 columns. The borders inside the grid should look as though they are coming out of the canvas.</p> + +<table id="target"> + +<colgroup><col /></colgroup> +<colgroup><col /></colgroup> +<colgroup><col /></colgroup> +<tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody> + <tbody> + <tr><td>c21</td><td>c22</td><td>c23</td></tr> + </tbody> + <tbody> + + <tr><td>c31</td><td>c32</td><td>c33</td></tr> + </tbody> +</table> + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row-ref.html b/testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row-ref.html new file mode 100644 index 0000000000..ca1108ccd7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row-ref.html @@ -0,0 +1,69 @@ +<!DOCTYPE html> +<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com"> +<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"> +<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1819266"> +<meta name="assert" content="This test checks that collapsed border does not paint outside of its expected area."> +<style> +table { + display: inline-table; + border-collapse: collapse; +} + +td { + border: 10px solid black; + line-height: 0; + padding: 0; +} + +span { + display: inline-block; + width: 10px; + height: 10px; + background: grey; +} + +.spacer-1 tr:not(:last-child) td { + border-bottom: 12px solid black; +} + +.spacer-2 tr:not(:last-child) td { + border-bottom: 15px solid black; +} + +.spacer-3 tr:not(:last-child) td { + border-bottom: 20px solid black; +} + +</style> +<table> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +</table> +<table class="spacer-1"> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +</table> +<table class="spacer-2"> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +</table> +<table class="spacer-3"> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr><td><span></span></td><td><span></span></td></tr> +</table> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row.html b/testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row.html new file mode 100644 index 0000000000..c4114a145d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-empty-row.html @@ -0,0 +1,93 @@ +<!DOCTYPE html> +<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com"> +<link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"> +<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1819266"> +<link rel="match" href="border-collapse-empty-row-ref.html"> +<meta name="assert" content="This test checks that collapsed border does not paint outside of its expected area."> +<style> +table { + display: inline-table; + border-collapse: collapse; +} + +td { + border: 10px solid black; + line-height: 0; + padding: 0; +} + +span { + display: inline-block; + width: 10px; + height: 10px; + background: grey; +} + +.spacer-1 { + height: 2px; +} + +.spacer-2 { + height: 5px; +} + +.spacer-3 { + height: 10px; +} +</style> +<!-- Empty rows --> +<table> +<tr><td><span></span></td><td><span></span></td></tr> +<tr></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr></tr> +<tr><td><span></span></td><td><span></span></td></tr> +</table> +<!-- Empty rows, sized less than collapsed border offset (10px / 2 = 5px). --> +<table> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-1"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-1"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-1"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-1"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-1"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +</table> +<!-- Empty rows, sized exactly at collapsed border offset. --> +<table> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-2"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-2"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-2"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-2"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-2"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +</table> +<!-- Empty rows, sized larger than collapsed border offset. --> +<table> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-3"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-3"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-3"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-3"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +<tr class="spacer-3"></tr> +<tr><td><span></span></td><td><span></span></td></tr> +</table> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-inherited-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-inherited-001.xht new file mode 100644 index 0000000000..15aaf2f83b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-inherited-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: Border-collapse is inherited by default</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse is inherited by default." /> + <style type="text/css"> + #container + { + border-collapse: collapse; + } + #table + { + background: red; + border-spacing: 10px; + border-style: none; + display: table; + } + .row + { + display: table-row; + } + .cell + { + background: black; + border: 3px solid black; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a single box below and there is no red visible on the page.</p> + <div id="container"> + <div id="table"> + <div class="row"> + <div class="cell">XXXXX</div> + <div class="cell">XXXXX</div> + </div> + <div class="row"> + <div class="cell">XXXXX</div> + <div class="cell">XXXXX</div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-initial-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-initial-001.xht new file mode 100644 index 0000000000..6dcc0fe8d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-initial-001.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: Initial value of border-collapse</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="The initial value of border-collapse is 'separate'." /> + <style type="text/css"> + table + { + border-spacing: 3px; + border-style: none; + } + td + { + background: black; + border: 3px solid black; + } + </style> + </head> + <body> + <p>Test passes if there are four boxes below.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-no-interpolation.html b/testing/web-platform/tests/css/CSS2/tables/border-collapse-no-interpolation.html new file mode 100644 index 0000000000..800cc68d0c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-no-interpolation.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<link rel=author href="mailto:jarhar@chromium.org"> +<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/css/support/interpolation-testcommon.js"></script> + +<body> +<script> +test_no_interpolation({ + property: 'border-collapse', + from: 'initial', + to: 'collapse' +}); +</script> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-001-ref.xht new file mode 100644 index 0000000000..245d49c10b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-001-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> +<style type="text/css"> +td {width: 100px; text-align:center} +div {position:absolute; border:green 4px solid} + +</style> +</head> + +<body> +<!-- the height for table cells includes the border --> +<div> +<table cellspacing="0"> + <tbody><tr><td style="border:solid 4px orange; height:30px">cell 1</td></tr> +</tbody></table> +</div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-001.xht new file mode 100644 index 0000000000..68dde59a0c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-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: border collapse</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-offset-001-ref.xht"/> +<style type="text/css"> +td {width: 100px; text-align:center} +div {position:absolute; border:green 4px solid} + +</style> +</head> + +<body> +<div> +<table style="border-collapse:collapse;"> + <tbody><tr><td style="border:solid 4px orange; height:30px">cell 1</td></tr> +</tbody></table> +</div> + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002-ref.xht new file mode 100644 index 0000000000..c2658c7a1c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002-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> +<style type="text/css"> +td {width: 100px; text-align:center} +caption {border:solid 4px green} + +</style> +</head> + +<body> + + +<table cellpadding="0" cellspacing="0"><caption>caption</caption> + <tbody><tr> + <td style="border:solid 4px orange; width:102px; height:32px">cell 1</td> + </tr> +</tbody></table> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002.xht new file mode 100644 index 0000000000..3b1c6b6f25 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-collapse-offset-002.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: border collapse</title> + <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="border-collapse-offset-002-ref.xht"/> +<style type="text/css"> +td {width: 100px; text-align:center} +caption {border:solid 4px green} + +</style> +</head> + +<body> + +<table style="border-collapse:collapse;"><caption>caption</caption> + <tbody><tr><td style="border:solid 4px orange; height:30px">cell 1</td></tr> +</tbody></table> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001.xht new file mode 100644 index 0000000000..2f6a48ca9b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001.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: Border Conflict Resolution (element) - cell vs. cell - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent cells of same border-style and width, border collapsing favors the cell furthest to the top and left (in a 'left-to-right' table)." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + td + { + border: 5px solid black; + } + .collapsing1 + { + border-left-color: red; + } + #collapsing2 + { + border-top-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td class="collapsing1"></td> + <td class="collapsing1"></td> + </tr> + <tr> + <td></td> + <td id="collapsing2"></td> + <td></td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001a.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001a.xht new file mode 100644 index 0000000000..585957f13b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001a.xht @@ -0,0 +1,73 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</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/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; right, if it is 'rtl') and the color of the border from the topmost cell wins." name="assert" /> + + <style type="text/css"><![CDATA[ + table {border-collapse: collapse;} + + td + { + border-style: solid solid solid solid; + border-width: 20px 20px 20px 20px; + padding: 0px; + } + + td#one {border-color: green green green green;} + td#two {border-color: green green green red;} + td#three {border-color: green green green red;} + td#four {border-color: green green green red;} + + td#five {border-color: red green green green;} + td#six {border-color: red green green red;} + td#seven {border-color: red green green red;} + td#eight {border-color: red green green red;} + + td#nine {border-color: red green green green;} + td#ten {border-color: red green green red;} + td#eleven {border-color: red green green red;} + td#twelve {border-color: red green green red;} + + td#thirteen {border-color: red green green green;} + td#fourteen {border-color: red green green red;} + td#fifteen {border-color: red green green red;} + td#sixteen {border-color: red green green red;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + + <tr> + <td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td> + </tr> + + <tr> + <td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td> + </tr> + + <tr> + <td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td> + </tr> + + <tr> + <td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td> + </tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001b.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001b.xht new file mode 100644 index 0000000000..cc8331cf0b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001b.xht @@ -0,0 +1,74 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</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/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the topmost cell wins." name="assert" /> + + <style type="text/css"><![CDATA[ + table {border-collapse: collapse;} + + td + { + border-style: solid none solid none; + border-width: 20px 0px 20px 0px; + padding: 0px; + width: 25px; + } + + td#one {border-color: green red green red;} + td#two {border-color: green red green red;} + td#three {border-color: green red green red;} + td#four {border-color: green red green red;} + + td#five {border-color: red red green red;} + td#six {border-color: red red green red;} + td#seven {border-color: red red green red;} + td#eight {border-color: red red green red;} + + td#nine {border-color: red red green red;} + td#ten {border-color: red red green red;} + td#eleven {border-color: red red green red;} + td#twelve {border-color: red red green red;} + + td#thirteen {border-color: red red green red;} + td#fourteen {border-color: red red green red;} + td#fifteen {border-color: red red green red;} + td#sixteen {border-color: red red green red;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + + <tr> + <td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td> + </tr> + + <tr> + <td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td> + </tr> + + <tr> + <td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td> + </tr> + + <tr> + <td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td> + </tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001c.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001c.xht new file mode 100644 index 0000000000..1c42b86f94 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001c.xht @@ -0,0 +1,74 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</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/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; rightmost, if it is 'rtl')." name="assert" /> + + <style type="text/css"><![CDATA[ + table {border-collapse: collapse;} + + td + { + border-style: none solid none solid; + border-width: 0px 20px 0px 20px; + height: 25px; + padding: 0px; + } + + td#one {border-color: red green red green;} + td#two {border-color: red green red red;} + td#three {border-color: red green red red;} + td#four {border-color: red green red red;} + + td#five {border-color: red green red green;} + td#six {border-color: red green red red;} + td#seven {border-color: red green red red;} + td#eight {border-color: red green red red;} + + td#nine {border-color: red green red green;} + td#ten {border-color: red green red red;} + td#eleven {border-color: red green red red;} + td#twelve {border-color: red green red red;} + + td#thirteen {border-color: red green red green;} + td#fourteen {border-color: red green red red;} + td#fifteen {border-color: red green red red;} + td#sixteen {border-color: red green red red;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + + <tr> + <td id="one"></td> <td id="two"></td> <td id="three"></td> <td id="four"></td> + </tr> + + <tr> + <td id="five"></td> <td id="six"></td> <td id="seven"></td> <td id="eight"></td> + </tr> + + <tr> + <td id="nine"></td> <td id="ten"></td> <td id="eleven"></td> <td id="twelve"></td> + </tr> + + <tr> + <td id="thirteen"></td> <td id="fourteen"></td> <td id="fifteen"></td> <td id="sixteen"></td> + </tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d-ref.xht new file mode 100644 index 0000000000..16eb48348c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d-ref.xht @@ -0,0 +1,123 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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[ + table + { + border-collapse: collapse; + color: white; + font: 1.25em/1 Ahem; + margin: auto auto 2em 2em; + } + + td {padding: 0px;} + + img + { + height: 1em; + vertical-align: bottom; + /* + With 'vertical-align: bottom', swatch-[color] images "sit" + at the bottom of the cell's line box and not on its baseline + */ + width: 1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if both grids are <strong>perfectly identical</strong>.</p> + + <table> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-green.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-orange.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /></td> + </tr> + + </table> + + <table> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-green.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-orange.png" alt="Image download support must be enabled" />O<img src="../support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="../support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="../support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="../support/swatch-green.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /><img src="../support/swatch-green.png" alt="Image download support must be enabled" /></td> + </tr> + + </table> + + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d.xht new file mode 100644 index 0000000000..bddd4781d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001d.xht @@ -0,0 +1,134 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</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/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> + <link rel="match" href="border-conflict-element-001d-ref.xht" /> + + <meta content="ahem image" name="flags" /> + <meta content="When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; right, if it is 'rtl') and the color of the border from the topmost cell wins." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + table + { + border-collapse: collapse; + color: white; + font: 1.25em/1 Ahem; + margin: auto auto 2em 2em; + } + + td {padding: 0px;} + + table#test td + { + border-style: solid; + border-width: 1em; + } + + td#one {border-color: blue blue blue blue;} + td#two {border-color: yellow yellow yellow red;} + td#three {border-color: green green green red;} + td#four {border-color: orange orange orange red;} + + td#five {border-color: red yellow yellow yellow;} + td#six {border-color: red green green red;} + td#seven {border-color: red orange orange red;} + td#eight {border-color: red blue blue red;} + + td#nine {border-color: red green green green;} + td#ten {border-color: red orange orange red;} + td#eleven {border-color: red blue blue red;} + td#twelve {border-color: red yellow yellow red;} + + td#thirteen {border-color: red orange orange orange;} + td#fourteen {border-color: red blue blue red;} + td#fifteen {border-color: red yellow yellow red;} + td#sixteen {border-color: red green green red;} + + img + { + height: 1em; + vertical-align: bottom; + /* + With 'vertical-align: bottom', swatch-[color] images "sit" + at the bottom of the cell's line box and not on its baseline + */ + width: 1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if both grids are <strong>perfectly identical</strong>.</p> + + <table id="test"> + + <tr> + <td id="one">B</td> <td id="two">Y</td> <td id="three">G</td> <td id="four">O</td> + </tr> + + <tr> + <td id="five">Y</td> <td id="six">G</td> <td id="seven">O</td> <td id="eight">B</td> + </tr> + + <tr> + <td id="nine">G</td> <td id="ten">O</td> <td id="eleven">B</td> <td id="twelve">Y</td> + </tr> + + <tr> + <td id="thirteen">O</td> <td id="fourteen">B</td> <td id="fifteen">Y</td> <td id="sixteen">G</td> + </tr> + + </table> + + + <table id="reference"> + + <tr> + <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" />B<img src="support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="support/swatch-green.png" alt="Image download support must be enabled" />O<img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-yellow.png" alt="Image download support must be enabled" />Y<img src="support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="support/swatch-green.png" alt="Image download support must be enabled" />O<img src="support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="support/swatch-blue.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-green.png" alt="Image download support must be enabled" />G<img src="support/swatch-green.png" alt="Image download support must be enabled" />O<img src="support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="support/swatch-yellow.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-orange.png" alt="Image download support must be enabled" />O<img src="support/swatch-orange.png" alt="Image download support must be enabled" />B<img src="support/swatch-blue.png" alt="Image download support must be enabled" />Y<img src="support/swatch-yellow.png" alt="Image download support must be enabled" />G<img src="support/swatch-green.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /><img src="support/swatch-green.png" alt="Image download support must be enabled" /></td> + </tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e-ref.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e-ref.xht new file mode 100644 index 0000000000..43c2e41b2c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e-ref.xht @@ -0,0 +1,108 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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[ + table + { + border-collapse: collapse; + color: white; + font: 1.25em/1 Ahem; + margin: auto auto 2em 2em; + } + + td {padding: 0px;} + + img + { + height: 1em; + vertical-align: bottom; + /* + With 'vertical-align: bottom', swatch-[color] images "sit" + at the bottom of the cell's line box and not on its baseline + */ + width: 1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if both grids are <strong>perfectly identical</strong>.</p> + + <table> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + </table> + + + <table> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-white.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-blue.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /><img src="../support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + </table> + + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e.xht new file mode 100644 index 0000000000..0e4b723767 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-001e.xht @@ -0,0 +1,112 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: Border conflict resolution - adjacent cells with same border-style and border-width</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/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" title="8.5.2 Border color" /> + <link rel="match" href="border-conflict-element-001e-ref.xht" /> + + + <meta content="image" name="flags" /> + <meta content="If a table cell's border color is not specified with a border property, then user agents must use the value of the element's 'color' property as the computed value for the border color. When two adjacent cells have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the leftmost cell wins (if the table's 'direction' is 'ltr'; right, if it is 'rtl')." name="assert" /> + + <style type="text/css"><![CDATA[ + table#test + { + border: red solid 1em; + } + + table + { + border-collapse: collapse; + font: 1.25em/1 serif; + margin: auto auto 2em 2em; + } + + table#test td + { + border: solid 1em; + padding: 0.5em; + } + + td.blue {color: blue;} + + td.yellow {color: yellow;} + + td.orange {color: orange;} + + table#reference td {padding: 0em;} + + img + { + height: 1em; + vertical-align: bottom; + /* + With 'vertical-align: bottom', swatch-[color] images "sit" + at the bottom of the cell's line box and not on its baseline + */ + width: 1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if both grids are <strong>perfectly identical</strong>.</p> + + <table id="test"> + <tr> + <td class="blue"></td> <td class="yellow"></td> <td class="yellow"></td> <td class="orange"></td> + </tr> + + <tr> + <td class="blue"></td> <td class="yellow"></td> <td class="yellow"></td> <td class="orange"></td> + </tr> + + <tr> + <td class="blue"></td> <td class="yellow"></td> <td class="yellow"></td> <td class="orange"></td> + </tr> + + </table> + + + <table id="reference"> + + <tr> + <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-002.xht new file mode 100644 index 0000000000..fa78a9fad6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-002.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: Border Conflict Resolution (element) - cell vs. cell - element with highest priority is the dominant border (rtl table)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent cells of same border-style and width, border collapsing favors the cell furthest to the top right for a 'right-to-left' table." /> + <style type="text/css"> + table + { + border-collapse: collapse; + direction: rtl; + height: 2in; + width: 2in; + } + td + { + border: 5px solid black; + direction: ltr; + } + .collapsing1 + { + border-right-color: red; + } + #collapsing2 + { + border-top-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td class="collapsing1"></td> + <td class="collapsing1"></td> + </tr> + <tr> + <td></td> + <td id="collapsing2"></td> + <td></td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-003.xht new file mode 100644 index 0000000000..229cfbbdfc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-003.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: Border Conflict Resolution (by element): cell in row - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (cell, row) of same border-style and width, border collapsing favors the cell." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + tr + { + border: 5px solid red; + } + td + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-004.xht new file mode 100644 index 0000000000..4ef5a31ac6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-004.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: Border Conflict Resolution (by element): cell vs. row - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (cell, row) of same border-style and width, border collapsing favors the cell." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + #collapsing1 + { + border-bottom: 5px solid red; + border-top: 5px solid black; + } + #collapsing2 + { + border-bottom: 5px solid black; + border-top: 5px solid red; + } + td + { + border-left: 5px solid black; + border-right: 5px solid black; + } + #test + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr id="collapsing1"> + <td></td> + </tr> + <tr> + <td id="test"></td> + </tr> + <tr id="collapsing2"> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-005.xht new file mode 100644 index 0000000000..f159517fb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-005.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: Border Conflict Resolution (by element): cell in row group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (cell, row group) of same border-style and width, border collapsing favors the cell." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + tbody + { + border: 5px solid red; + } + td + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tbody> + <tr> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-006.xht new file mode 100644 index 0000000000..5cba3d74d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-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: Border Conflict Resolution (by element): cell vs. row group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (cell, row group) of same border-style and width, border collapsing favors the cell." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + tbody + { + border-left: 5px solid black; + border-right: 5px solid black; + } + #collapsing1 + { + border-bottom: 5px solid red; + border-top: 5px solid black; + } + #collapsing2 + { + border-bottom: 5px solid black; + border-top: 5px solid red; + } + #test + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tbody id="collapsing1"> + <tr> + <td></td> + </tr> + </tbody> + <tbody> + <tr> + <td id="test"></td> + </tr> + </tbody> + <tbody id="collapsing2"> + <tr> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-007.xht new file mode 100644 index 0000000000..3bcda9b138 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-007.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: Border Conflict Resolution (by element): cell in column - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (cell, column) of same border-style and width, border collapsing favors the cell." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + col + { + border: 5px solid red; + } + td + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <col /> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-008.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-008.xht new file mode 100644 index 0000000000..17042a93ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-008.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: Border Conflict Resolution (by element): cell vs. column - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (cell, column) of same border-style and width, border collapsing favors the cell." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + col + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + #collapsing1 + { + border-left: 5px solid black; + border-right: 5px solid red; + } + #collapsing2 + { + border-left: 5px solid red; + border-right: 5px solid black; + } + #test + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <col id="collapsing1" /> + <col /> + <col id="collapsing2" /> + <tr> + <td></td> + <td id="test"></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-009.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-009.xht new file mode 100644 index 0000000000..4b40c5580a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-009.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: Border Conflict Resolution (by element): cell in column group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (cell, column group) of same border-style and width, border collapsing favors the cell." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + colgroup + { + border: 5px solid red; + } + td + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup></colgroup> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-010.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-010.xht new file mode 100644 index 0000000000..786bd3e8f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-010.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: Border Conflict Resolution (by element): cell vs. column group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (cell, column group) of same border-style and width, border collapsing favors the cell." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + colgroup + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + #collapsing1 + { + border-left: 5px solid black; + border-right: 5px solid red; + } + #collapsing2 + { + border-left: 5px solid red; + border-right: 5px solid black; + } + #test + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup id="collapsing1"></colgroup> + <colgroup></colgroup> + <colgroup id="collapsing2"></colgroup> + <tr> + <td></td> + <td id="test"></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-011.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-011.xht new file mode 100644 index 0000000000..80e805f89d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-011.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: Border Conflict Resolution (by element): cell vs. table - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (cell, table) of same border-style and width, border collapsing favors the cell." /> + <style type="text/css"> + table + { + border: 5px solid red; + border-collapse: collapse; + height: 2in; + width: 2in; + } + td + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-012.xht new file mode 100644 index 0000000000..0a7a7a5954 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-012.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: Border Conflict Resolution (by element): row vs. cell - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (row, cell) of same border-style and width, border collapsing favors the cell." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + #test + { + border-bottom: 5px solid red; + border-top: 5px solid red; + } + td + { + border-left: 5px solid black; + border-right: 5px solid black; + } + .winning + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td class="winning"></td> + <td class="winning"></td> + <td class="winning"></td> + </tr> + <tr id="test"> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td class="winning"></td> + <td class="winning"></td> + <td class="winning"></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-013.xht new file mode 100644 index 0000000000..88cac31a31 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-013.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: Border Conflict Resolution (by element): row vs. row - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (row, row) of same border-style and width, border collapsing favors the row furthest to the top." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + tr + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + .collapsing + { + border-top: 5px solid red; + } + td + { + border-left: 5px solid black; + border-right: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr class="collapsing"> + <td></td> + <td></td> + <td></td> + </tr> + <tr class="collapsing"> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-014.xht new file mode 100644 index 0000000000..f694a7726a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-014.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: Border Conflict Resolution (by element): row in row group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (row, row group) of same border-style and width, border collapsing favors the row." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + tbody + { + border: 5px solid red; + } + tr + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tbody> + <tr> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-015.xht new file mode 100644 index 0000000000..09eb902a19 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-015.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: Border Conflict Resolution (by element): row vs. row group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (row, row group) of same border-style and width, border collapsing favors the row." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + tbody + { + border-left: 5px solid black; + border-right: 5px solid black; + } + #collapsing1 + { + border-bottom: 5px solid red; + border-top: 5px solid black; + } + #collapsing2 + { + border-bottom: 5px solid black; + border-top: 5px solid red; + } + #test + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tbody id="collapsing1"> + <tr> + <td></td> + </tr> + </tbody> + <tbody> + <tr id="test"> + <td></td> + </tr> + </tbody> + <tbody id="collapsing2"> + <tr> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-016.xht new file mode 100644 index 0000000000..a4e9d9cf3d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-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: Border Conflict Resolution (by element): row vs. column - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (row, column) of same border-style and width, border collapsing favors the row." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + col + { + border: 5px solid red; + } + tr + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <col /> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-017.xht new file mode 100644 index 0000000000..d95b573509 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-017.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: Border Conflict Resolution (by element): row vs. column group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (row, column group) of same border-style and width, border collapsing favors the row." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + colgroup + { + border: 5px solid red; + } + tr + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup></colgroup> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-018.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-018.xht new file mode 100644 index 0000000000..55506bf7d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-018.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: Border Conflict Resolution (by element): row vs. table - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (row, table) of same border-style and width, border collapsing favors the row." /> + <style type="text/css"> + table + { + border: 5px solid red; + border-collapse: collapse; + height: 2in; + width: 2in; + } + tr + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-019.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-019.xht new file mode 100644 index 0000000000..06f26074a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-019.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: Border Conflict Resolution (by element): row group vs. cell - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (row group, cell) of same border-style and width, border collapsing favors the cell." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + #test + { + border-bottom: 5px solid red; + border-top: 5px solid red; + } + td + { + border-left: 5px solid black; + border-right: 5px solid black; + } + .winning + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tbody> + <tr> + <td class="winning"></td> + <td class="winning"></td> + <td class="winning"></td> + </tr> + </tbody> + <tbody id="test"> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + <tbody> + <tr> + <td class="winning"></td> + <td class="winning"></td> + <td class="winning"></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-020.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-020.xht new file mode 100644 index 0000000000..7afba0d654 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-020.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: Border Conflict Resolution (by element): row group vs. row - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (row group, row) of same border-style and width, border collapsing favors the row." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + #test + { + border-bottom: 5px solid red; + border-top: 5px solid red; + } + .winning + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + td + { + border-left: 5px solid black; + border-right: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tbody> + <tr class="winning"> + <td></td> + </tr> + </tbody> + <tbody id="test"> + <tr> + <td></td> + </tr> + </tbody> + <tbody> + <tr class="winning"> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021.xht new file mode 100644 index 0000000000..bbee28295a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021.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: Border Conflict Resolution (by element): row group vs. row group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (row group, row group) of same border-style and width, border collapsing favors the row group furthest to the top." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + tbody + { + border: 5px solid black; + } + .collapsing + { + border-top: 5px solid red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tbody> + <tr> + <td></td> + </tr> + </tbody> + <tbody class="collapsing"> + <tr> + <td></td> + </tr> + </tbody> + <tbody class="collapsing"> + <tr> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021a.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021a.xht new file mode 100644 index 0000000000..1038ecf4c6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-021a.xht @@ -0,0 +1,105 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: Border conflict resolution - adjacent table row groups with same border-style and border-width</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/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution" /> + + <meta content="image" name="flags" /> + <meta content="When two adjacent table row groups (eg. thead, tbody, tfoot) have the same border-width and the same border-style in a 'border-collapse: collapse' table, then the color of the border from the topmost table row group wins: so, a thead wins over a tbody which wins over tfoot." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + table#test {border: red solid 1em;} + + table + { + border-collapse: collapse; + color: white; + font: 1.25em/1 Ahem; + margin: auto auto 2em 2em; + } + + thead, tbody, tfoot {border: solid 1em;} + + thead {border-color: blue;} + tbody {border-color: yellow;} + tfoot {border-color: orange;} + + td {padding: 0px;} + + table#reference > tbody {border: red none 0em;} + + img + { + height: 1em; + vertical-align: bottom; + /* + With 'vertical-align: bottom', swatch-[color] images "sit" + at the bottom of the cell's line box and not on its baseline + */ + width: 1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if both multi-colored rectangular structures are <strong>perfectly identical</strong>.</p> + + <table id="test"> + + <thead> + <tr><td>B</td><td>L</td><td>U</td><td>E</td></tr> + </thead> + + <tfoot> + <tr><td>O</td><td>R</td><td>A</td><td>N</td></tr> + </tfoot> + + <tbody> + <tr><td>Y</td><td>E</td><td>L</td><td>L</td></tr> + </tbody> + + </table> + + + <table id="reference"> + + <tr> + <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /><img src="support/swatch-blue.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /><img src="support/swatch-yellow.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-white.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + <tr> + <td><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" alt="Image download support must be enabled" /></td> + </tr> + + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-022.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-022.xht new file mode 100644 index 0000000000..962083c3a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-022.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: Border Conflict Resolution (by element): row group vs. column - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (row group, column) of same border-style and width, border collapsing favors the row group." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + tbody + { + border: 5px solid black; + } + col + { + border: 5px solid red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <col /> + <tbody> + <tr> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-023.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-023.xht new file mode 100644 index 0000000000..ee2f2505ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-023.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: Border Conflict Resolution (by element): row group vs. column group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (row group, column group) of same border-style and width, border collapsing favors the row group." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + tbody + { + border: 5px solid black; + } + colgroup + { + border: 5px solid red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup></colgroup> + <tbody> + <tr> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-024.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-024.xht new file mode 100644 index 0000000000..d94081daf2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-024.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: Border Conflict Resolution (by element): row group vs. table - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (row group, table) of same border-style and width, border collapsing favors the row group." /> + <style type="text/css"> + table + { + border: 5px solid red; + border-collapse: collapse; + height: 2in; + width: 2in; + } + tbody + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tbody> + <tr> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-025.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-025.xht new file mode 100644 index 0000000000..979c13e437 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-025.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: Border Conflict Resolution (by element): column vs. cell - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (column, cell) of same border-style and width, border collapsing favors the cell." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + #test + { + border-left: 5px solid red; + border-right: 5px solid red; + } + td + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + .winning + { + border-left: 5px solid black; + border-right: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <col /> + <col id="test" /> + <col /> + <tr> + <td class="winning"></td> + <td></td> + <td class="winning"></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-026.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-026.xht new file mode 100644 index 0000000000..7546590089 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-026.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: Border Conflict Resolution (by element): column vs. row - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (column, row) of same border-style and width, border collapsing favors the row." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + tr + { + border: 5px solid black; + } + col + { + border: 5px solid red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <col /> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-027.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-027.xht new file mode 100644 index 0000000000..3883d5262b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-027.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: Border Conflict Resolution (by element): column vs. row group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (column, row group) of same border-style and width, border collapsing favors the row group." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + col + { + border: 5px solid red; + } + tbody + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <col /> + <tbody> + <tr> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-028.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-028.xht new file mode 100644 index 0000000000..313b6abadf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-028.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: Border Conflict Resolution (by element): column vs. column - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (column, column) of same border-style and width, border collapsing favors the column farthest to the left (in a 'left-to-right' table." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + col + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + #winning + { + border-left: 5px solid black; + border-right: 5px solid black; + } + .collapsing + { + border-left: 5px solid red; + border-right: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <col id="winning" /> + <col class="collapsing" /> + <col class="collapsing" /> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-029.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-029.xht new file mode 100644 index 0000000000..3e03fbca03 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-029.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: Border Conflict Resolution (by element): column vs. column - element with highest priority is the dominant border (rtl table)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (column, column) of same border-style and width, border collapsing favors the column farthest to the right in a 'right-to-left' table." /> + <style type="text/css"> + table + { + border-collapse: collapse; + direction: rtl; + height: 2in; + width: 2in; + } + col + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + #winning + { + border-left: 5px solid black; + border-right: 5px solid black; + } + .collapsing + { + border-left: 5px solid black; + border-right: 5px solid red; + } + td + { + direction: ltr; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <col id="winning" /> + <col class="collapsing" /> + <col class="collapsing" /> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-030.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-030.xht new file mode 100644 index 0000000000..4c73c868c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-030.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: Border Conflict Resolution (by element): column in column group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (column, column group) of same border-style and width, border collapsing favors the column." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + colgroup + { + border: 5px solid red; + } + col + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup> + <col /> + </colgroup> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-031.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-031.xht new file mode 100644 index 0000000000..b270c7f358 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-031.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: Border Conflict Resolution (by element): column vs. column group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (column, column group) of same border-style and width, border collapsing favors the column." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + #collapsing1 + { + border-left: 5px solid black; + border-right: 5px solid red; + } + #collapsing2 + { + border-left: 5px solid red; + border-right: 5px solid black; + } + col + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + #test + { + border-left: 5px solid black; + border-right: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup id="collapsing1"> + <col /> + </colgroup> + <colgroup> + <col id="test" /> + </colgroup> + <colgroup id="collapsing2"> + <col /> + </colgroup> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-032.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-032.xht new file mode 100644 index 0000000000..f0054c88f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-032.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: Border Conflict Resolution (by element): column vs. table - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (column, table) of same border-style and width, border collapsing favors the column." /> + <style type="text/css"> + table + { + border: 5px solid red; + border-collapse: collapse; + height: 2in; + width: 2in; + } + col + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <col /> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-033.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-033.xht new file mode 100644 index 0000000000..d3f9fc41fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-033.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: Border Conflict Resolution (by element): column group vs. cell - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (column group, cell) of same border-style and width, border collapsing favors the cell." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + #test + { + border-left: 5px solid red; + border-right: 5px solid red; + } + td + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + .winning + { + border-left: 5px solid black; + border-right: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup> + <col /> + </colgroup> + <colgroup id="test"> + <col /> + </colgroup> + <colgroup> + <col /> + </colgroup> + <tr> + <td class="winning"></td> + <td></td> + <td class="winning"></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-034.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-034.xht new file mode 100644 index 0000000000..18fa1ac491 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-034.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: Border Conflict Resolution (by element): column group vs. row - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (column group, row) of same border-style and width, border collapsing favors the row." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + colgroup + { + border: 5px solid red; + } + tr + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup> + <col /> + </colgroup> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-035.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-035.xht new file mode 100644 index 0000000000..c969f5b5cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-035.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: Border Conflict Resolution (by element): column group vs. row group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (column group, row group) of same border-style and width, border collapsing favors the row group." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + colgroup + { + border: 5px solid red; + } + tbody + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup> + <col /> + </colgroup> + <tbody> + <tr> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-036.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-036.xht new file mode 100644 index 0000000000..d7f3a7d2d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-036.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: Border Conflict Resolution (by element): column group vs. column - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (column group, column) of same border-style and width, border collapsing favors the column." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + #test + { + border-left: 5px solid red; + border-right: 5px solid red; + } + col + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + .winning + { + border-left: 5px solid black; + border-right: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup> + <col class="winning" /> + </colgroup> + <colgroup id="test"> + <col /> + </colgroup> + <colgroup> + <col class="winning" /> + </colgroup> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-037.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-037.xht new file mode 100644 index 0000000000..6d282de52b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-037.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: Border Conflict Resolution (by element): column group vs. column group - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (column group, column group) of same border-style and width, border collapsing favors the column group farthest to the left (in a 'ltr' table)." /> + <style type="text/css"> + table + { + border-collapse: collapse; + height: 2in; + width: 2in; + } + colgroup + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + .collapsing + { + border-left: 5px solid red; + border-right: 5px solid black; + } + #winning + { + border-left: 5px solid black; + border-right: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup id="winning"> + <col /> + </colgroup> + <colgroup class="collapsing"> + <col /> + </colgroup> + <colgroup class="collapsing"> + <col /> + </colgroup> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-038.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-038.xht new file mode 100644 index 0000000000..bfb77ed01e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-038.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: Border Conflict Resolution (by element): column group vs. column group - element with highest priority is the dominant border (rtl table)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With adjacent elements (column group, column group) of same border-style and width, border collapsing favors the column group farthest to the right in a 'right-to-left' table." /> + <style type="text/css"> + table + { + border-collapse: collapse; + direction: rtl; + height: 2in; + width: 2in; + } + colgroup + { + border-bottom: 5px solid black; + border-top: 5px solid black; + } + #winning + { + border-left: 5px solid black; + border-right: 5px solid black; + } + .collapsing + { + border-left: 5px solid black; + border-right: 5px solid red; + } + td + { + direction: ltr; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup id="winning"> + <col /> + </colgroup> + <colgroup class="collapsing"> + <col /> + </colgroup> + <colgroup class="collapsing"> + <col /> + </colgroup> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-039.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-039.xht new file mode 100644 index 0000000000..3a280b0279 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-element-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: Border Conflict Resolution (by element): column group vs. table - element with highest priority is the dominant border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="With embedded elements (column group, table) of same border-style and width, border collapsing favors the column group." /> + <style type="text/css"> + table + { + border: 5px solid red; + border-collapse: collapse; + height: 2in; + width: 2in; + } + colgroup + { + border: 5px solid black; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup> + <col /> + </colgroup> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-example-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-example-001.xht new file mode 100644 index 0000000000..fff95eec76 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-example-001.xht @@ -0,0 +1,72 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border conflict resolution - borders are collapsed according to precdence rules (example 1)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Borders are collapsed according to the precedence rules (example from spec section 17.6.2.1)." /> + <style type="text/css"> + table + { + border-collapse: collapse; + border: 5px solid yellow; + } + *#col1 + { + border: 3px solid black; + } + td + { + border: 1px solid red; + padding: 1em; + width: 2em; + height: 2em; + } + td.cell5 + { + border: 5px dashed blue; + } + td.cell6 + { + border: 5px solid lime; + } + </style> + </head> + <body> + <table> + <col id="col1" /> + <col id="col2" /> + <col id="col3" /> + <tr id="row1"> + <td> 1</td> + <td> 2</td> + <td> 3</td> + </tr> + <tr id="row2"> + <td> 4</td> + <td class="cell5"> 5</td> + <td class="cell6"> 6</td> + </tr> + <tr id="row3"> + <td> 7</td> + <td> 8</td> + <td> 9</td> + </tr> + <tr id="row4"> + <td> 10</td> + <td> 11</td> + <td> 12</td> + </tr> + <tr id="row5"> + <td> 13</td> + <td> 14</td> + <td> 15</td> + </tr> + </table> + <p>Test passes if the table above has the same border colors and styles as the table below. (Note: colors in the bottom image might appear slightly faded.)</p> + <div> + <img alt="Illustration of proper border collapsing (from spec)" src="support/border_conflict_example_001.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-example-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-example-002.xht new file mode 100644 index 0000000000..0310962b89 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-example-002.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: Border conflict resolution - borders are collapsed according to the precedence rules (example 2)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="flags" content="image" /> + <meta name="assert" content="Borders are collapsed according to the precedence rules (example from spec section 17.6.2.1)." /> + <style type="text/css"> + </style> + </head> + <body> + <table style="border-collapse: collapse; border: solid;"> + <tr> + <td style="border-right: hidden; border-bottom: hidden">foo</td> + <td style="border: solid">bar</td> + </tr> + <tr> + <td style="border: none">foo</td> + <td style="border: solid">bar</td> + </tr> + </table> + <p>Test passes if the tables above has the same border outlines as the tables below. (Note: border and cell shading may vary between the two tables.)</p> + <div> + <img alt="Illustration of proper border collapsing (from spec)" src="support/border_conflict_example_002.png" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-001.xht new file mode 100644 index 0000000000..04a2a241db --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-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: Cell borders are set by a cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Borders on every edge (top, right, bottom, left) of a cell can be set by the cell's border properties, which can vary in width, style and color." /> + <style type="text/css"> + td + { + border-bottom: 8px dashed orange; + border-left: 16px double purple; + border-right: 12px dotted yellow; + border-top: 4px solid blue; + height: 6em; + width: 6em; + } + </style> + </head> + <body> + <p>Test passes if there is an outline of a box with each edge looking different from the other edges.</p> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-002.xht new file mode 100644 index 0000000000..e0cfc590af --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-002.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: Cell borders are set by a row</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Borders on every edge (top, right, bottom, left) of a cell can be set by the row's border properties, which can vary in width, style and color." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + tr + { + border-bottom: 8px dashed orange; + border-left: 16px double purple; + border-right: 12px dotted yellow; + border-top: 4px solid blue; + } + td + { + width: 6em; + height: 6em; + } + </style> + </head> + <body> + <p>Test passes if there is an outline of a box with each edge looking different from the other edges.</p> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-003.xht new file mode 100644 index 0000000000..0e817f7e3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-003.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: Cell borders are set by a row group</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Borders on every edge (top, right, bottom, left) of a cell can be set by the row group's border properties, which can vary in width, style and color." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + tbody + { + border-top: 4px solid blue; + border-bottom: 8px dashed orange; + border-left: 16px double purple; + border-right: 12px dotted yellow; + } + td + { + width: 6em; + height: 6em; + } + </style> + </head> + <body> + <p>Test passes if there is an outline of a box with each edge looking different from the other edges.</p> + <table> + <tbody> + <tr> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-004.xht new file mode 100644 index 0000000000..5981296d58 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-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: Cell borders are set by a column</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Borders on every edge (top, right, bottom, left) of a cell can be set by the column's border properties, which can vary in width, style and color." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + col + { + border-bottom: 8px dashed orange; + border-left: 16px double purple; + border-right: 12px dotted yellow; + border-top: 4px solid blue; + } + td + { + width: 6em; + height: 6em; + } + </style> + </head> + <body> + <p>Test passes if there is an outline of a box with each edge looking different from the other edges.</p> + <table> + <col /> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-005.xht new file mode 100644 index 0000000000..e7db52578e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-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: Cell borders are set by a column group</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Borders on every edge (top, right, bottom, left) of a cell can be set by the column group's border properties, which can vary in width, style and color." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + colgroup + { + border-bottom: 8px dashed orange; + border-left: 16px double purple; + border-right: 12px dotted yellow; + border-top: 4px solid blue; + } + td + { + width: 6em; + height: 6em; + } + </style> + </head> + <body> + <p>Test passes if there is an outline of a box with each edge looking different from the other edges.</p> + <table> + <colgroup> + <col /> + </colgroup> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-006.xht new file mode 100644 index 0000000000..c1787e644c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-resolution-006.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: Cell borders are set by the table</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Borders on every edge (top, right, bottom, left) of a cell can be set by the table's border properties, which can vary in width, style and color." /> + <style type="text/css"> + table + { + border-bottom: 8px dashed orange; + border-left: 16px double purple; + border-right: 12px dotted yellow; + border-top: 4px solid blue; + } + td + { + width: 6em; + height: 6em; + } + </style> + </head> + <body> + <p>Test passes if there is an outline of a box with each edge looking different from the other edges.</p> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-001.xht new file mode 100644 index 0000000000..44eb1e278a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-001.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: Border Conflict Resolution (by border style): 'dashed' vs. 'dashed' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Only one 'dashed' border appears when two 'dashed' borders of the same size are collapsed together." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px dashed lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="center">dashed</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-002.xht new file mode 100644 index 0000000000..f405d936ac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-002.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: Border Conflict Resolution (by border style): 'dashed' vs. 'dotted' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'dotted' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px dotted red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="center">dotted</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-003.xht new file mode 100644 index 0000000000..6d139d7974 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-003.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'dashed' vs. 'double' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'dashed' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px double lime; + } + #top + { + border-top: 5px dashed red; + } + #left + { + border-left: 5px dashed red; + } + #bottom + { + border-bottom: 5px dashed red; + } + #right + { + border-right: 5px dashed red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dashed</td> + <td id="bottom">dashed</td> + <td>dashed</td> + </tr> + <tr> + <td id="right">dashed</td> + <td id="center">double</td> + <td id="left">dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="top">dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-004.xht new file mode 100644 index 0000000000..4d9dba014e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-004.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: Border Conflict Resolution (by border style): 'dashed' vs. 'groove' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'groove' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="center">groove</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-005.xht new file mode 100644 index 0000000000..0066448e4d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-005.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'dashed' vs. 'hidden' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'dashed' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px hidden red; + } + #top + { + border-top: 5px dashed red; + } + #left + { + border-left: 5px dashed red; + } + #bottom + { + border-bottom: 5px dashed red; + } + #right + { + border-right: 5px dashed red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>dashed</td> + <td id="bottom">dashed</td> + <td>dashed</td> + </tr> + <tr> + <td id="right">dashed</td> + <td id="center">hidden</td> + <td id="left">dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="top">dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-006.xht new file mode 100644 index 0000000000..d3657cb581 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-006.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: Border Conflict Resolution (by border style): 'dashed' vs. 'inset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="center">inset</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-007.xht new file mode 100644 index 0000000000..c9d317c78e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-007.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: Border Conflict Resolution (by border style): 'dashed' vs. 'none' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px none red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="center">none</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-008.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-008.xht new file mode 100644 index 0000000000..4f41eab9e4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-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: Border Conflict Resolution (by border style): 'dashed' vs. 'outset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'outset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px outset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="center">outset</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-009.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-009.xht new file mode 100644 index 0000000000..e8f02086db --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-009.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: Border Conflict Resolution (by border style): 'dashed' vs. 'ridge' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'ridge' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px ridge red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="center">ridge</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-010.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-010.xht new file mode 100644 index 0000000000..51e8e89d00 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-010.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'dashed' vs. 'solid' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'dashed' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px solid lime; + } + #top + { + border-top: 5px dashed red; + } + #left + { + border-left: 5px dashed red; + } + #bottom + { + border-bottom: 5px dashed red; + } + #right + { + border-right: 5px dashed red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dashed</td> + <td id="bottom">dashed</td> + <td>dashed</td> + </tr> + <tr> + <td id="right">dashed</td> + <td id="center">solid</td> + <td id="left">dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="top">dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-011.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-011.xht new file mode 100644 index 0000000000..e98ee0b731 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-011.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'dashed' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'dotted' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px dashed lime; + } + #top + { + border-top: 5px dotted red; + } + #left + { + border-left: 5px dotted red; + } + #bottom + { + border-bottom: 5px dotted red; + } + #right + { + border-right: 5px dotted red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dotted</td> + <td id="bottom">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td id="right">dotted</td> + <td id="center">dashed</td> + <td id="left">dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="top">dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-012.xht new file mode 100644 index 0000000000..5daf0c70ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-012.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: Border Conflict Resolution (by border style): 'dotted' vs. 'dotted' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Only one 'dotted' border appears when two 'dotted' borders of the same size are collapsed together." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px dotted lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="center">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-013.xht new file mode 100644 index 0000000000..18dfa1adbc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-013.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'double' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'dotted' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px double lime; + } + #top + { + border-top: 5px dotted red; + } + #left + { + border-left: 5px dotted red; + } + #bottom + { + border-bottom: 5px dotted red; + } + #right + { + border-right: 5px dotted red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dotted</td> + <td id="bottom">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td id="right">dotted</td> + <td id="center">double</td> + <td id="left">dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="top">dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-014.xht new file mode 100644 index 0000000000..cf41d57bfa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-014.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: Border Conflict Resolution (by border style): 'dotted' vs. 'groove' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'groove' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="center">groove</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-015.xht new file mode 100644 index 0000000000..3b95b2bf95 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-015.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'hidden' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'dotted' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px hidden red; + } + #top + { + border-top: 5px dotted red; + } + #left + { + border-left: 5px dotted red; + } + #bottom + { + border-bottom: 5px dotted red; + } + #right + { + border-right: 5px dotted red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>dotted</td> + <td id="bottom">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td id="right">dotted</td> + <td id="center">hidden</td> + <td id="left">dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="top">dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-016.xht new file mode 100644 index 0000000000..5f50e9fdb1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-016.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: Border Conflict Resolution (by border style): 'dotted' vs. 'inset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="center">inset</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-017.xht new file mode 100644 index 0000000000..847e325123 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-017.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: Border Conflict Resolution (by border style): 'dotted' vs. 'none' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px none red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="center">none</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-018.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-018.xht new file mode 100644 index 0000000000..f12a73b1fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-018.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: Border Conflict Resolution (by border style): 'dotted' vs. 'outset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'outset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px outset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="center">outset</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-019.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-019.xht new file mode 100644 index 0000000000..f5e310721a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-019.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: Border Conflict Resolution (by border style): 'dotted' vs. 'ridge' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'ridge' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px ridge red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="center">ridge</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-020.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-020.xht new file mode 100644 index 0000000000..8652940956 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-020.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'dotted' vs. 'solid' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'dotted' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px solid lime; + } + #top + { + border-top: 5px dotted red; + } + #left + { + border-left: 5px dotted red; + } + #bottom + { + border-bottom: 5px dotted red; + } + #right + { + border-right: 5px dotted red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>dotted</td> + <td id="bottom">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td id="right">dotted</td> + <td id="center">solid</td> + <td id="left">dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="top">dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-021.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-021.xht new file mode 100644 index 0000000000..38341a5c5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-021.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: Border Conflict Resolution (by border style): 'double' vs. 'dashed' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'dashed' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px double lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px dashed red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td id="center">dashed</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-022.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-022.xht new file mode 100644 index 0000000000..4925c4b2b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-022.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: Border Conflict Resolution (by border style): 'double' vs. 'dotted' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'dotted' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px double lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px dotted red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td id="center">dotted</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-023.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-023.xht new file mode 100644 index 0000000000..f0dc098886 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-023.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: Border Conflict Resolution (by border style): 'double' vs. 'double' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Only a single 'double' border appears when two 'double' borders of the same size are collapsed together." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px double lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px double lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td id="center">double</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-024.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-024.xht new file mode 100644 index 0000000000..e1d71bff6e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-024.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: Border Conflict Resolution (by border style): 'double' vs. 'groove' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'groove' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px double lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td id="center">groove</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-025.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-025.xht new file mode 100644 index 0000000000..4eb21220e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-025.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'double' vs. 'hidden' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'double' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px double lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px hidden red; + } + #top + { + border-top: 5px double red; + } + #left + { + border-left: 5px double red; + } + #bottom + { + border-bottom: 5px double red; + } + #right + { + border-right: 5px double red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>double</td> + <td id="bottom">double</td> + <td>double</td> + </tr> + <tr> + <td id="right">double</td> + <td id="center">hidden</td> + <td id="left">double</td> + </tr> + <tr> + <td>double</td> + <td id="top">double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-026.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-026.xht new file mode 100644 index 0000000000..c8f833096e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-026.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: Border Conflict Resolution (by border style): 'double' vs. 'inset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px double lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td id="center">inset</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-027.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-027.xht new file mode 100644 index 0000000000..453fe621e2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-027.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: Border Conflict Resolution (by border style): 'double' vs. 'none' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px double lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px none red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td id="center">none</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-028.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-028.xht new file mode 100644 index 0000000000..1673b7cf34 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-028.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: Border Conflict Resolution (by border style): 'double' vs. 'outset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'outset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px double lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px outset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td id="center">outset</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-029.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-029.xht new file mode 100644 index 0000000000..f643c648db --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-029.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: Border Conflict Resolution (by border style): 'double' vs. 'ridge' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'ridge' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px double lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px ridge red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td id="center">ridge</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-030.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-030.xht new file mode 100644 index 0000000000..98ff081c85 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-030.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: Border Conflict Resolution (by border style): 'double' vs. 'solid' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'solid' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px double lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px solid red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td id="center">solid</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-031.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-031.xht new file mode 100644 index 0000000000..b265c69acc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-031.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'dashed' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'groove' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px groove lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px dashed lime; + } + #top + { + border-top: 5px groove red; + } + #left + { + border-left: 5px groove red; + } + #bottom + { + border-bottom: 5px groove red; + } + #right + { + border-right: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>groove</td> + <td id="bottom">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="right">groove</td> + <td id="center">dashed</td> + <td id="left">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="top">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-032.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-032.xht new file mode 100644 index 0000000000..663ef22b67 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-032.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'dotted' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'groove' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px groove lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px dotted lime; + } + #top + { + border-top: 5px groove red; + } + #left + { + border-left: 5px groove red; + } + #bottom + { + border-bottom: 5px groove red; + } + #right + { + border-right: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>groove</td> + <td id="bottom">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="right">groove</td> + <td id="center">dotted</td> + <td id="left">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="top">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-033.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-033.xht new file mode 100644 index 0000000000..8cfb3fc862 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-033.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'double' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'groove' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px groove lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px double lime; + } + #top + { + border-top: 5px groove red; + } + #left + { + border-left: 5px groove red; + } + #bottom + { + border-bottom: 5px groove red; + } + #right + { + border-right: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>groove</td> + <td id="bottom">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="right">groove</td> + <td id="center">double</td> + <td id="left">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="top">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-034.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-034.xht new file mode 100644 index 0000000000..d2bf07909f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-034.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: Border Conflict Resolution (by border style): 'groove' vs. 'groove' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Only a single 'groove' border appears when two of 'groove' borders of the same size are collapsed together." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px groove lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px groove lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>groove</td> + <td>groove</td> + <td>groove</td> + </tr> + <tr> + <td>groove</td> + <td id="center">groove</td> + <td>groove</td> + </tr> + <tr> + <td>groove</td> + <td>groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-035.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-035.xht new file mode 100644 index 0000000000..5571ef0b21 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-035.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'hidden' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'groove' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px groove lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px hidden red; + } + #top + { + border-top: 5px groove red; + } + #left + { + border-left: 5px groove red; + } + #bottom + { + border-bottom: 5px groove red; + } + #right + { + border-right: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>groove</td> + <td id="bottom">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="right">groove</td> + <td id="center">hidden</td> + <td id="left">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="top">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-036.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-036.xht new file mode 100644 index 0000000000..b78e70a911 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-036.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: Border Conflict Resolution (by border style): 'groove' vs. 'inset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'groove' border is the dominant border when it is collapsed with a 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px groove lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>groove</td> + <td>groove</td> + <td>groove</td> + </tr> + <tr> + <td>groove</td> + <td id="center">inset</td> + <td>groove</td> + </tr> + <tr> + <td>groove</td> + <td>groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-037.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-037.xht new file mode 100644 index 0000000000..a823d61bb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-037.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: Border Conflict Resolution (by border style): 'groove' vs. 'none' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'groove' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px groove lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px none red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>groove</td> + <td>groove</td> + <td>groove</td> + </tr> + <tr> + <td>groove</td> + <td id="center">none</td> + <td>groove</td> + </tr> + <tr> + <td>groove</td> + <td>groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-038.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-038.xht new file mode 100644 index 0000000000..415ddacd6a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-038.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'outset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'outset' border is the dominant border when it is collapsed with a 'groove' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px groove lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px outset lime; + } + #top + { + border-top: 5px groove red; + } + #left + { + border-left: 5px groove red; + } + #bottom + { + border-bottom: 5px groove red; + } + #right + { + border-right: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>groove</td> + <td id="bottom">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="right">groove</td> + <td id="center">outset</td> + <td id="left">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="top">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-039.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-039.xht new file mode 100644 index 0000000000..f4401ae2d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-039.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'ridge' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with a 'groove' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px groove lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px ridge lime; + } + #top + { + border-top: 5px groove red; + } + #left + { + border-left: 5px groove red; + } + #bottom + { + border-bottom: 5px groove red; + } + #right + { + border-right: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>groove</td> + <td id="bottom">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="right">groove</td> + <td id="center">ridge</td> + <td id="left">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="top">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-040.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-040.xht new file mode 100644 index 0000000000..2014ad7610 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-040.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'groove' vs. 'solid' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'groove' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px groove lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px solid lime; + } + #top + { + border-top: 5px groove red; + } + #left + { + border-left: 5px groove red; + } + #bottom + { + border-bottom: 5px groove red; + } + #right + { + border-right: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>groove</td> + <td id="bottom">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="right">groove</td> + <td id="center">solid</td> + <td id="left">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="top">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-041.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-041.xht new file mode 100644 index 0000000000..883787a523 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-041.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: Border Conflict Resolution (by border style): 'hidden' vs. 'dashed' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'dashed' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden red; + height: 3em; + width: 3em; + } + #center + { + border: 5px dashed red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="center">dashed</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-042.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-042.xht new file mode 100644 index 0000000000..1958d52060 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-042.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: Border Conflict Resolution (by border style): 'hidden' vs. 'dotted' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'dotted' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden red; + height: 3em; + width: 3em; + } + #center + { + border: 5px dotted red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="center">dotted</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-043.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-043.xht new file mode 100644 index 0000000000..8f6fd2602a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-043.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: Border Conflict Resolution (by border style): 'hidden' vs. 'double' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'double' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden red; + height: 3em; + width: 3em; + } + #center + { + border: 5px double red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="center">double</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-044.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-044.xht new file mode 100644 index 0000000000..18fe457100 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-044.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: Border Conflict Resolution (by border style): 'hidden' vs. 'groove' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'groove' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden red; + height: 3em; + width: 3em; + } + #center + { + border: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="center">groove</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-045.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-045.xht new file mode 100644 index 0000000000..198e933cba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-045.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: Border Conflict Resolution (by border style): 'hidden' vs. 'hidden' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border collapsed with a 'hidden' border yields no border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden red; + height: 3em; + width: 3em; + } + #center + { + border: 5px hidden red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="center">hidden</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-046.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-046.xht new file mode 100644 index 0000000000..3201711512 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-046.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: Border Conflict Resolution (by border style): 'hidden' vs. 'inset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'inset' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden red; + height: 3em; + width: 3em; + } + #center + { + border: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="center">inset</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-047.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-047.xht new file mode 100644 index 0000000000..99e50168b9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-047.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: Border Conflict Resolution (by border style): 'hidden' vs. 'none' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="A 'hidden' border collapsed with a 'none' border yields no border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden red; + height: 3em; + width: 3em; + } + #center + { + border: 5px none red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="center">none</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-048.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-048.xht new file mode 100644 index 0000000000..1cf8dd9b05 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-048.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: Border Conflict Resolution (by border style): 'hidden' vs. 'outset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'outset' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden red; + height: 3em; + width: 3em; + } + #center + { + border: 5px outset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="center">outset</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-049.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-049.xht new file mode 100644 index 0000000000..c5b022ad08 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-049.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: Border Conflict Resolution (by border style): 'hidden' vs. 'ridge' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'ridge' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden red; + height: 3em; + width: 3em; + } + #center + { + border: 5px ridge red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="center">ridge</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-050.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-050.xht new file mode 100644 index 0000000000..1d59dd6d59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-050.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: Border Conflict Resolution (by border style): 'hidden' vs. 'solid' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'solid' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden red; + height: 3em; + width: 3em; + } + #center + { + border: 5px solid red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="center">solid</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-051.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-051.xht new file mode 100644 index 0000000000..61fe8e2fe3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-051.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'dashed' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with an 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px inset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px dashed lime; + } + #top + { + border-top: 5px inset red; + } + #left + { + border-left: 5px inset red; + } + #bottom + { + border-bottom: 5px inset red; + } + #right + { + border-right: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>inset</td> + <td id="bottom">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="right">inset</td> + <td id="center">dashed</td> + <td id="left">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="top">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-052.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-052.xht new file mode 100644 index 0000000000..d67c09c033 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-052.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'dotted' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with an 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px inset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px dotted lime; + } + #top + { + border-top: 5px inset red; + } + #left + { + border-left: 5px inset red; + } + #bottom + { + border-bottom: 5px inset red; + } + #right + { + border-right: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>inset</td> + <td id="bottom">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="right">inset</td> + <td id="center">dotted</td> + <td id="left">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="top">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-053.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-053.xht new file mode 100644 index 0000000000..f64937eae8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-053.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'double' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with an 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px inset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px double lime; + } + #top + { + border-top: 5px inset red; + } + #left + { + border-left: 5px inset red; + } + #bottom + { + border-bottom: 5px inset red; + } + #right + { + border-right: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>inset</td> + <td id="bottom">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="right">inset</td> + <td id="center">double</td> + <td id="left">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="top">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-054.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-054.xht new file mode 100644 index 0000000000..76426d26df --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-054.xht @@ -0,0 +1,75 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'groove' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'groove' border is the dominant border when it is collapsed with an 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + #winner + { + border: 5px groove black; + width: 3em; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px inset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px groove lime; + } + #top + { + border-top: 5px inset red; + } + #left + { + border-left: 5px inset red; + } + #bottom + { + border-bottom: 5px inset red; + } + #right + { + border-right: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>inset</td> + <td id="bottom">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="right">inset</td> + <td id="center">groove</td> + <td id="left">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="top">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-055.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-055.xht new file mode 100644 index 0000000000..35b618551b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-055.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'hidden' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with an 'inset' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px inset lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px hidden red; + } + #top + { + border-top: 5px inset red; + } + #left + { + border-left: 5px inset red; + } + #bottom + { + border-bottom: 5px inset red; + } + #right + { + border-right: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>inset</td> + <td id="bottom">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="right">inset</td> + <td id="center">hidden</td> + <td id="left">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="top">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-056.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-056.xht new file mode 100644 index 0000000000..43f33ed271 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-056.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: Border Conflict Resolution (by border style): 'inset' vs. 'inset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Only one 'inset' border appears when two 'inset' borders of the same size are collapsed." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px inset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px inset lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>inset</td> + <td>inset</td> + <td>inset</td> + </tr> + <tr> + <td>inset</td> + <td id="center">inset</td> + <td>inset</td> + </tr> + <tr> + <td>inset</td> + <td>inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-057.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-057.xht new file mode 100644 index 0000000000..7b8d4431ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-057.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: Border Conflict Resolution (by border style): 'inset' vs. 'none' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'inset' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px inset lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px none red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>inset</td> + <td>inset</td> + <td>inset</td> + </tr> + <tr> + <td>inset</td> + <td id="center">none</td> + <td>inset</td> + </tr> + <tr> + <td>inset</td> + <td>inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-058.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-058.xht new file mode 100644 index 0000000000..d22fc13e14 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-058.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'outset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'outset' border is the dominant border when it is collapsed with an 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px inset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px outset lime; + } + #top + { + border-top: 5px inset red; + } + #left + { + border-left: 5px inset red; + } + #bottom + { + border-bottom: 5px inset red; + } + #right + { + border-right: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>inset</td> + <td id="bottom">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="right">inset</td> + <td id="center">outset</td> + <td id="left">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="top">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-059.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-059.xht new file mode 100644 index 0000000000..b91b915eb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-059.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'ridge' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with an 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px inset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px ridge lime; + } + #top + { + border-top: 5px inset red; + } + #left + { + border-left: 5px inset red; + } + #bottom + { + border-bottom: 5px inset red; + } + #right + { + border-right: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>inset</td> + <td id="bottom">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="right">inset</td> + <td id="center">ridge</td> + <td id="left">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="top">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-060.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-060.xht new file mode 100644 index 0000000000..c9eaf92953 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-060.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'inset' vs. 'solid' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with an 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px inset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px solid lime; + } + #top + { + border-top: 5px inset red; + } + #left + { + border-left: 5px inset red; + } + #bottom + { + border-bottom: 5px inset red; + } + #right + { + border-right: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>inset</td> + <td id="bottom">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="right">inset</td> + <td id="center">solid</td> + <td id="left">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="top">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-061.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-061.xht new file mode 100644 index 0000000000..d0565cd39c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-061.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: Border Conflict Resolution (by border style): 'none' vs. 'dashed' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px none red; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px dashed lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td id="center">dashed</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-062.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-062.xht new file mode 100644 index 0000000000..48229765ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-062.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: Border Conflict Resolution (by border style): 'none' vs. 'dotted' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px none red; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px dotted lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td id="center">dotted</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-063.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-063.xht new file mode 100644 index 0000000000..e98caaf20e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-063.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: Border Conflict Resolution (by border style): 'none' vs. 'double' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px none red; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px double lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td id="center">double</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-064.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-064.xht new file mode 100644 index 0000000000..caf69ee772 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-064.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: Border Conflict Resolution (by border style): 'none' vs. 'groove' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'groove' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px none red; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px groove lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td id="center">groove</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-065.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-065.xht new file mode 100644 index 0000000000..b6f16da83e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-065.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: Border Conflict Resolution (by border style): 'none' vs. 'hidden' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="A 'none' border collapsed with a 'hidden' border yields no border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px none red; + height: 3em; + width: 3em; + } + #center + { + border: 5px hidden red; + } + </style> + </head> + <body> + <p>Test passes if there are no borders around the text below.</p> + <table> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td id="center">hidden</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-066.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-066.xht new file mode 100644 index 0000000000..e8ddf4e3cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-066.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: Border Conflict Resolution (by border style): 'none' vs. 'inset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'inset' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px none red; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px inset lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td id="center">inset</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-067.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-067.xht new file mode 100644 index 0000000000..62671062e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-067.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: Border Conflict Resolution (by border style): 'none' vs. 'none' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="A 'none' border collapsed with a 'none' border yields no border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px none red; + height: 3em; + width: 3em; + } + #center + { + border: 5px none red; + } + </style> + </head> + <body> + <p>Test passes if there are no borders around the text below.</p> + <table> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td id="center">none</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-068.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-068.xht new file mode 100644 index 0000000000..e8989e7d38 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-068.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: Border Conflict Resolution (by border style): 'none' vs. 'outset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'outset' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px none red; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px outset lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td id="center">outset</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-069.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-069.xht new file mode 100644 index 0000000000..6799a0fc9e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-069.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: Border Conflict Resolution (by border style): 'none' vs. 'ridge' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px none red; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px ridge lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td id="center">ridge</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-070.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-070.xht new file mode 100644 index 0000000000..f77d09354d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-070.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: Border Conflict Resolution (by border style): 'none' vs. 'solid' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px none red; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px solid lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td id="center">solid</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-071.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-071.xht new file mode 100644 index 0000000000..0b367ec232 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-071.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'dashed' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'outset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px outset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px dashed lime; + } + #top + { + border-top: 5px outset red; + } + #left + { + border-left: 5px outset red; + } + #bottom + { + border-bottom: 5px outset red; + } + #right + { + border-right: 5px outset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>outset</td> + <td id="bottom">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="right">outset</td> + <td id="center">dashed</td> + <td id="left">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="top">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-072.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-072.xht new file mode 100644 index 0000000000..1b15d348a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-072.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'dotted' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with an 'outset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px outset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px dotted lime; + } + #top + { + border-top: 5px outset red; + } + #left + { + border-left: 5px outset red; + } + #bottom + { + border-bottom: 5px outset red; + } + #right + { + border-right: 5px outset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>outset</td> + <td id="bottom">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="right">outset</td> + <td id="center">dotted</td> + <td id="left">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="top">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-073.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-073.xht new file mode 100644 index 0000000000..1ef97a1a37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-073.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'double' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with an 'outset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px outset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px double lime; + } + #top + { + border-top: 5px outset red; + } + #left + { + border-left: 5px outset red; + } + #bottom + { + border-bottom: 5px outset red; + } + #right + { + border-right: 5px outset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>outset</td> + <td id="bottom">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="right">outset</td> + <td id="center">double</td> + <td id="left">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="top">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-074.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-074.xht new file mode 100644 index 0000000000..f058b510df --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-074.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: Border Conflict Resolution (by border style): 'outset' vs. 'groove' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'outset' border is the dominant border when it is collapsed with a 'groove' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px outset lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>outset</td> + <td>outset</td> + <td>outset</td> + </tr> + <tr> + <td>outset</td> + <td id="center">groove</td> + <td>outset</td> + </tr> + <tr> + <td>outset</td> + <td>outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-075.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-075.xht new file mode 100644 index 0000000000..ec935cafdc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-075.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'hidden' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with an 'outset' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px outset lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px hidden red; + } + #top + { + border-top: 5px outset red; + } + #left + { + border-left: 5px outset red; + } + #bottom + { + border-bottom: 5px outset red; + } + #right + { + border-right: 5px outset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>outset</td> + <td id="bottom">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="right">outset</td> + <td id="center">hidden</td> + <td id="left">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="top">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-076.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-076.xht new file mode 100644 index 0000000000..e664cc383b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-076.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: Border Conflict Resolution (by border style): 'outset' vs. 'inset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'outset' border is the dominant border when it is collapsed with an 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px outset lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>outset</td> + <td>outset</td> + <td>outset</td> + </tr> + <tr> + <td>outset</td> + <td id="center">inset</td> + <td>outset</td> + </tr> + <tr> + <td>outset</td> + <td>outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-077.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-077.xht new file mode 100644 index 0000000000..160a81eae8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-077.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: Border Conflict Resolution (by border style): 'outset' vs. 'none' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'outset' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px outset lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px none red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>outset</td> + <td>outset</td> + <td>outset</td> + </tr> + <tr> + <td>outset</td> + <td id="center">none</td> + <td>outset</td> + </tr> + <tr> + <td>outset</td> + <td>outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-078.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-078.xht new file mode 100644 index 0000000000..1bdb159a4b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-078.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: Border Conflict Resolution (by border style): 'outset' vs. 'outset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Only one 'outset' border appears when two 'outset' borders of the same size are collapsed together." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px outset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px outset lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>outset</td> + <td>outset</td> + <td>outset</td> + </tr> + <tr> + <td>outset</td> + <td id="center">outset</td> + <td>outset</td> + </tr> + <tr> + <td>outset</td> + <td>outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-079.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-079.xht new file mode 100644 index 0000000000..9df653eae0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-079.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'ridge' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with an 'outset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px outset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px ridge lime; + } + #top + { + border-top: 5px outset red; + } + #left + { + border-left: 5px outset red; + } + #bottom + { + border-bottom: 5px outset red; + } + #right + { + border-right: 5px outset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>outset</td> + <td id="bottom">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="right">outset</td> + <td id="center">ridge</td> + <td id="left">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="top">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-080.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-080.xht new file mode 100644 index 0000000000..2f8cc18c9e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-080.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'outset' vs. 'solid' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with an 'outset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px outset lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px solid lime; + } + #top + { + border-top: 5px outset red; + } + #left + { + border-left: 5px outset red; + } + #bottom + { + border-bottom: 5px outset red; + } + #right + { + border-right: 5px outset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>outset</td> + <td id="bottom">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="right">outset</td> + <td id="center">solid</td> + <td id="left">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="top">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-081.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-081.xht new file mode 100644 index 0000000000..d52d1f2c6a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-081.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'dashed' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dashed' border is the dominant border when it is collapsed with a 'ridge' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px dashed lime; + } + #top + { + border-top: 5px ridge red; + } + #left + { + border-left: 5px ridge red; + } + #bottom + { + border-bottom: 5px ridge red; + } + #right + { + border-right: 5px ridge red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>ridge</td> + <td id="bottom">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="right">ridge</td> + <td id="center">dashed</td> + <td id="left">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="top">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-082.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-082.xht new file mode 100644 index 0000000000..5393fd6fe2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-082.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'dotted' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'dotted' border is the dominant border when it is collapsed with a 'ridge' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px dotted lime; + } + #top + { + border-top: 5px ridge red; + } + #left + { + border-left: 5px ridge red; + } + #bottom + { + border-bottom: 5px ridge red; + } + #right + { + border-right: 5px ridge red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>ridge</td> + <td id="bottom">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="right">ridge</td> + <td id="center">dotted</td> + <td id="left">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="top">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-083.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-083.xht new file mode 100644 index 0000000000..3d976a3c3c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-083.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'double' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'ridge' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px double lime; + } + #top + { + border-top: 5px ridge red; + } + #left + { + border-left: 5px ridge red; + } + #bottom + { + border-bottom: 5px ridge red; + } + #right + { + border-right: 5px ridge red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>ridge</td> + <td id="bottom">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="right">ridge</td> + <td id="center">double</td> + <td id="left">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="top">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-084.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-084.xht new file mode 100644 index 0000000000..b58f592719 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-084.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: Border Conflict Resolution (by border style): 'ridge' vs. 'groove' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with a 'groove' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>ridge</td> + <td>ridge</td> + <td>ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="center">groove</td> + <td>ridge</td> + </tr> + <tr> + <td>ridge</td> + <td>ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-085.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-085.xht new file mode 100644 index 0000000000..6816c374e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-085.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'hidden' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'ridge' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px hidden red; + } + #top + { + border-top: 5px ridge red; + } + #left + { + border-left: 5px ridge red; + } + #bottom + { + border-bottom: 5px ridge red; + } + #right + { + border-right: 5px ridge red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>ridge</td> + <td id="bottom">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="right">ridge</td> + <td id="center">hidden</td> + <td id="left">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="top">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-086.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-086.xht new file mode 100644 index 0000000000..1191d43678 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-086.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: Border Conflict Resolution (by border style): 'ridge' vs. 'inset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with a 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>ridge</td> + <td>ridge</td> + <td>ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="center">inset</td> + <td>ridge</td> + </tr> + <tr> + <td>ridge</td> + <td>ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-087.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-087.xht new file mode 100644 index 0000000000..6e0816cff0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-087.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: Border Conflict Resolution (by border style): 'ridge' vs. 'none' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px none red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>ridge</td> + <td>ridge</td> + <td>ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="center">none</td> + <td>ridge</td> + </tr> + <tr> + <td>ridge</td> + <td>ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-088.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-088.xht new file mode 100644 index 0000000000..d2a6d220e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-088.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: Border Conflict Resolution (by border style): 'ridge' vs. 'outset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'ridge' border is the dominant border when it is collapsed with an 'outset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px outset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>ridge</td> + <td>ridge</td> + <td>ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="center">outset</td> + <td>ridge</td> + </tr> + <tr> + <td>ridge</td> + <td>ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-089.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-089.xht new file mode 100644 index 0000000000..bf2051a045 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-089.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: Border Conflict Resolution (by border style): 'ridge' vs. 'ridge' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Only one 'ridge' border appears when two 'ridge' borders of the same size are collapsed together." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px ridge lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>ridge</td> + <td>ridge</td> + <td>ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="center">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td>ridge</td> + <td>ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-090.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-090.xht new file mode 100644 index 0000000000..62eca53a63 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-090.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'ridge' vs. 'solid' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'ridge' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px solid lime; + } + #top + { + border-top: 5px ridge red; + } + #left + { + border-left: 5px ridge red; + } + #bottom + { + border-bottom: 5px ridge red; + } + #right + { + border-right: 5px ridge red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>ridge</td> + <td id="bottom">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="right">ridge</td> + <td id="center">solid</td> + <td id="left">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="top">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-091.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-091.xht new file mode 100644 index 0000000000..4cdfdad05f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-091.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: Border Conflict Resolution (by border style): 'solid' vs. 'dashed' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'dashed' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px solid lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px dashed red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td id="center">dashed</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-092.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-092.xht new file mode 100644 index 0000000000..a36f695b97 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-092.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: Border Conflict Resolution (by border style): 'solid' vs. 'dotted' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'dotted' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px solid lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px dotted red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td id="center">dotted</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-093.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-093.xht new file mode 100644 index 0000000000..01a4ca73d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-093.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'solid' vs. 'double' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'double' border is the dominant border when it is collapsed with a 'solid' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px solid lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px double lime; + } + #top + { + border-top: 5px solid red; + } + #left + { + border-left: 5px solid red; + } + #bottom + { + border-bottom: 5px solid red; + } + #right + { + border-right: 5px solid red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>solid</td> + <td id="bottom">solid</td> + <td>solid</td> + </tr> + <tr> + <td id="right">solid</td> + <td id="center">double</td> + <td id="left">solid</td> + </tr> + <tr> + <td>solid</td> + <td id="top">solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-094.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-094.xht new file mode 100644 index 0000000000..c61e28084f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-094.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: Border Conflict Resolution (by border style): 'solid' vs. 'groove' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'groove' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px solid lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px groove red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td id="center">groove</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-095.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-095.xht new file mode 100644 index 0000000000..8362e0d1cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-095.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border style): 'solid' vs. 'hidden' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border is the dominant border when it is collapsed with a 'solid' border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px solid lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px hidden red; + } + #top + { + border-top: 5px solid red; + } + #left + { + border-left: 5px solid red; + } + #bottom + { + border-bottom: 5px solid red; + } + #right + { + border-right: 5px solid red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has no border.</p> + <table> + <tr> + <td>solid</td> + <td id="bottom">solid</td> + <td>solid</td> + </tr> + <tr> + <td id="right">solid</td> + <td id="center">hidden</td> + <td id="left">solid</td> + </tr> + <tr> + <td>solid</td> + <td id="top">solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-096.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-096.xht new file mode 100644 index 0000000000..f7364f5ae7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-096.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: Border Conflict Resolution (by border style): 'solid' vs. 'inset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'inset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px solid lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px inset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td id="center">inset</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-097.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-097.xht new file mode 100644 index 0000000000..bad0e972f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-097.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: Border Conflict Resolution (by border style): 'solid' vs. 'none' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'none' border." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px solid lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px none red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td id="center">none</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-098.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-098.xht new file mode 100644 index 0000000000..c5adf48e10 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-098.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: Border Conflict Resolution (by border style): 'solid' vs. 'outset' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'outset' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px solid lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px outset red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td id="center">outset</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-099.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-099.xht new file mode 100644 index 0000000000..47eda6a8f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-099.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: Border Conflict Resolution (by border style): 'solid' vs. 'ridge' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'solid' border is the dominant border when it is collapsed with a 'ridge' border of the same size." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px solid lime; + height: 3em; + width: 3em; + } + #center + { + border: 5px ridge red; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td id="center">ridge</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-100.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-100.xht new file mode 100644 index 0000000000..02dad48ddc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-style-100.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: Border Conflict Resolution (by border style): 'solid' vs. 'solid' - border with highest priority border style should dominate</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="Only a single 'solid' border appears when two 'solid' borders of the same size are collapsed together." /> + <style type="text/css"> + #table1 + { + margin-bottom: 20px; + } + table + { + border-collapse: collapse; + } + td + { + border: 5px solid lime; + height: 3em; + width: 3em; + } + #center, #table1 td + { + border: 5px solid lime; + } + </style> + </head> + <body> + <p>Test passes if the center box in the table below has a border similar to this:</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td id="center">solid</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-000.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-000.xht new file mode 100644 index 0000000000..9a3131cd24 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-000.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - hidden/hidden</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px hidden red; height: 3em; } + .c5 { border-width: 10px; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td> + </tr> + <tr> + <td class="c4">hidden</td><td class="c5">hidden</td><td class="c6">hidden</td> + </tr> + <tr> + <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-001.xht new file mode 100644 index 0000000000..bf718960e1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-001.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: Border Conflict Resolution (width) - hidden/double</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px double lime; height: 3em; } + .c5 { border: 10px hidden red; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td> + </tr> + <tr> + <td class="c4">double</td><td class="c5">hidden</td><td class="c6">double</td> + </tr> + <tr> + <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-002.xht new file mode 100644 index 0000000000..a9334facd2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-002.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: Border Conflict Resolution (width) - hidden/solid</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px solid lime; height: 3em; } + .c5 { border: 10px hidden red; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td> + </tr> + <tr> + <td class="c4">solid</td><td class="c5">hidden</td><td class="c6">solid</td> + </tr> + <tr> + <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-003.xht new file mode 100644 index 0000000000..0cc8fc489e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-003.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: Border Conflict Resolution (width) - hidden/dashed</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dashed lime; height: 3em; } + .c5 { border: 10px hidden red; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td> + </tr> + <tr> + <td class="c4">dashed</td><td class="c5">hidden</td><td class="c6">dashed</td> + </tr> + <tr> + <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-004.xht new file mode 100644 index 0000000000..4153835069 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-004.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: Border Conflict Resolution (width) - hidden/dotted</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dotted lime; height: 3em; } + .c5 { border: 10px hidden red; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td> + </tr> + <tr> + <td class="c4">dotted</td><td class="c5">hidden</td><td class="c6">dotted</td> + </tr> + <tr> + <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-005.xht new file mode 100644 index 0000000000..ff1cb15fea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-005.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: Border Conflict Resolution (width) - hidden/ridge</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px ridge lime; height: 3em; } + .c5 { border: 10px hidden red; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td> + </tr> + <tr> + <td class="c4">ridge</td><td class="c5">hidden</td><td class="c6">ridge</td> + </tr> + <tr> + <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-006.xht new file mode 100644 index 0000000000..d74f47667d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-006.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: Border Conflict Resolution (width) - hidden/outset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px outset lime; height: 3em; } + .c5 { border: 10px hidden red; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td> + </tr> + <tr> + <td class="c4">outset</td><td class="c5">hidden</td><td class="c6">outset</td> + </tr> + <tr> + <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-007.xht new file mode 100644 index 0000000000..1e25a9ffe1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-007.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: Border Conflict Resolution (width) - hidden/groove</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px groove lime; height: 3em; } + .c5 { border: 10px hidden red; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td> + </tr> + <tr> + <td class="c4">groove</td><td class="c5">hidden</td><td class="c6">groove</td> + </tr> + <tr> + <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-008.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-008.xht new file mode 100644 index 0000000000..6f53322822 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-008.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: Border Conflict Resolution (width) - hidden/inset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px inset lime; height: 3em; } + .c5 { border: 10px hidden red; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td> + </tr> + <tr> + <td class="c4">inset</td><td class="c5">hidden</td><td class="c6">inset</td> + </tr> + <tr> + <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-009.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-009.xht new file mode 100644 index 0000000000..24c166d94c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-009.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - hidden/none</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px none red; height: 3em; } + .c5 { border-width: 10px; border-style: hidden; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td> + </tr> + <tr> + <td class="c4">none</td><td class="c5">hidden</td><td class="c6">none</td> + </tr> + <tr> + <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-010.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-010.xht new file mode 100644 index 0000000000..b9741905b1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-010.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - double/hidden</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px hidden red; height: 3em; } + .c5 { border-width: 10px; border-style: double; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td> + </tr> + <tr> + <td class="c4">hidden</td><td class="c5">double</td><td class="c6">hidden</td> + </tr> + <tr> + <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-011.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-011.xht new file mode 100644 index 0000000000..e4b962a48d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-011.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: Border Conflict Resolution (width) - double/double</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px double lime; height: 3em; } + .c5 { border-width: 10px; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td> + </tr> + <tr> + <td class="c4">double</td><td class="c5">double</td><td class="c6">double</td> + </tr> + <tr> + <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-012.xht new file mode 100644 index 0000000000..99c0397a87 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-012.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: Border Conflict Resolution (width) - double/solid</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px solid lime; height: 3em; } + .c5 { border-width: 10px; border-style: double; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td> + </tr> + <tr> + <td class="c4">solid</td><td class="c5">double</td><td class="c6">solid</td> + </tr> + <tr> + <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-013.xht new file mode 100644 index 0000000000..1a8ea02927 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-013.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: Border Conflict Resolution (width) - double/dashed</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dashed lime; height: 3em; } + .c5 { border-width: 10px; border-style: double; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td> + </tr> + <tr> + <td class="c4">dashed</td><td class="c5">double</td><td class="c6">dashed</td> + </tr> + <tr> + <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-014.xht new file mode 100644 index 0000000000..15b606ae42 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-014.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: Border Conflict Resolution (width) - double/dashed</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dotted lime; height: 3em; } + .c5 { border-width: 10px; border-style: double; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td> + </tr> + <tr> + <td class="c4">dotted</td><td class="c5">double</td><td class="c6">dotted</td> + </tr> + <tr> + <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-015.xht new file mode 100644 index 0000000000..3c19ba079a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-015.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: Border Conflict Resolution (width) - double/ridge</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px ridge lime; height: 3em; } + .c5 { border-width: 10px; border-style: double; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td> + </tr> + <tr> + <td class="c4">ridge</td><td class="c5">double</td><td class="c6">ridge</td> + </tr> + <tr> + <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-016.xht new file mode 100644 index 0000000000..2f759e95f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-016.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: Border Conflict Resolution (width) - double/outset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px outset lime; height: 3em; } + .c5 { border-width: 10px; border-style: double; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td> + </tr> + <tr> + <td class="c4">outset</td><td class="c5">double</td><td class="c6">outset</td> + </tr> + <tr> + <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-017.xht new file mode 100644 index 0000000000..7cd76cee75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-017.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: Border Conflict Resolution (width) - double/groove</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px groove lime; height: 3em; } + .c5 { border-width: 10px; border-style: double; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td> + </tr> + <tr> + <td class="c4">groove</td><td class="c5">double</td><td class="c6">groove</td> + </tr> + <tr> + <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-018.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-018.xht new file mode 100644 index 0000000000..523bd2c9fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-018.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: Border Conflict Resolution (width) - double/inset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px inset lime; height: 3em; } + .c5 { border-width: 10px; border-style: double; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td> + </tr> + <tr> + <td class="c4">inset</td><td class="c5">double</td><td class="c6">inset</td> + </tr> + <tr> + <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-019.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-019.xht new file mode 100644 index 0000000000..88dff257bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-019.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - double/none</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px none red; height: 3em; } + .c5 { border: 10px double lime; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td> + </tr> + <tr> + <td class="c4">none</td><td class="c5">double</td><td class="c6">none</td> + </tr> + <tr> + <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-020.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-020.xht new file mode 100644 index 0000000000..e8d44f8e32 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-020.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - solid/hidden</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px hidden red; height: 3em; } + .c5 { border-width: 10px; border-style: solid; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td> + </tr> + <tr> + <td class="c4">hidden</td><td class="c5">solid</td><td class="c6">hidden</td> + </tr> + <tr> + <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-021.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-021.xht new file mode 100644 index 0000000000..ba46341263 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-021.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: Border Conflict Resolution (width) - solid/double</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px double lime; height: 3em; } + .c5 { border-width: 10px; border-style: solid; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td> + </tr> + <tr> + <td class="c4">double</td><td class="c5">solid</td><td class="c6">double</td> + </tr> + <tr> + <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-022.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-022.xht new file mode 100644 index 0000000000..7b912bba46 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-022.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: Border Conflict Resolution (width) - solid/solid</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px solid lime; height: 3em; } + .c5 { border-width: 10px; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td> + </tr> + <tr> + <td class="c4">solid</td><td class="c5">solid</td><td class="c6">solid</td> + </tr> + <tr> + <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-023.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-023.xht new file mode 100644 index 0000000000..7325f7db5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-023.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: Border Conflict Resolution (width) - solid/dashed</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dashed lime; height: 3em; } + .c5 { border-width: 10px; border-style: solid; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td> + </tr> + <tr> + <td class="c4">dashed</td><td class="c5">solid</td><td class="c6">dashed</td> + </tr> + <tr> + <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-024.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-024.xht new file mode 100644 index 0000000000..95bc3d5720 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-024.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: Border Conflict Resolution (width) - solid/dotted</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dotted lime; height: 3em; } + .c5 { border-width: 10px; border-style: solid; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td> + </tr> + <tr> + <td class="c4">dotted</td><td class="c5">solid</td><td class="c6">dotted</td> + </tr> + <tr> + <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-025.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-025.xht new file mode 100644 index 0000000000..54159bf773 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-025.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: Border Conflict Resolution (width) - solid/ridge</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px ridge lime; height: 3em; } + .c5 { border-width: 10px; border-style: solid; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td> + </tr> + <tr> + <td class="c4">ridge</td><td class="c5">solid</td><td class="c6">ridge</td> + </tr> + <tr> + <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-026.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-026.xht new file mode 100644 index 0000000000..1eee022951 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-026.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: Border Conflict Resolution (width) - solid/outset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px outset lime; height: 3em; } + .c5 { border-width: 10px; border-style: solid; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td> + </tr> + <tr> + <td class="c4">outset</td><td class="c5">solid</td><td class="c6">outset</td> + </tr> + <tr> + <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-027.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-027.xht new file mode 100644 index 0000000000..f6ffae3cb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-027.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: Border Conflict Resolution (width) - solid/groove</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px groove lime; height: 3em; } + .c5 { border-width: 10px; border-style: solid; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td> + </tr> + <tr> + <td class="c4">groove</td><td class="c5">solid</td><td class="c6">groove</td> + </tr> + <tr> + <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-028.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-028.xht new file mode 100644 index 0000000000..e83970b7be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-028.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: Border Conflict Resolution (width) - solid/inset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px inset lime; height: 3em; } + .c5 { border-width: 10px; border-style: solid; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td> + </tr> + <tr> + <td class="c4">inset</td><td class="c5">solid</td><td class="c6">inset</td> + </tr> + <tr> + <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-029.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-029.xht new file mode 100644 index 0000000000..50fec4029b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-029.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - solid/none</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px none red; height: 3em; } + .c5 { border: 10px solid lime; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td> + </tr> + <tr> + <td class="c4">none</td><td class="c5">solid</td><td class="c6">none</td> + </tr> + <tr> + <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-030.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-030.xht new file mode 100644 index 0000000000..8b135b897b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-030.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - dashed/hidden</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px hidden red; height: 3em; } + .c5 { border-width: 10px; border-style: dashed; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td> + </tr> + <tr> + <td class="c4">hidden</td><td class="c5">dashed</td><td class="c6">hidden</td> + </tr> + <tr> + <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-031.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-031.xht new file mode 100644 index 0000000000..fd6dfced42 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-031.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: Border Conflict Resolution (width) - dashed/double</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px double lime; height: 3em; } + .c5 { border-width: 10px; border-style: dashed; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td> + </tr> + <tr> + <td class="c4">double</td><td class="c5">dashed</td><td class="c6">double</td> + </tr> + <tr> + <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-032.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-032.xht new file mode 100644 index 0000000000..1c294dda7f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-032.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: Border Conflict Resolution (width) - dashed/solid</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px solid lime; height: 3em; } + .c5 { border-width: 10px; border-style: dashed; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td> + </tr> + <tr> + <td class="c4">solid</td><td class="c5">dashed</td><td class="c6">solid</td> + </tr> + <tr> + <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-033.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-033.xht new file mode 100644 index 0000000000..379f8c852c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-033.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: Border Conflict Resolution (width) - dashed/dashed</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dashed lime; height: 3em; } + .c5 { border-width: 10px; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td> + </tr> + <tr> + <td class="c4">dashed</td><td class="c5">dashed</td><td class="c6">dashed</td> + </tr> + <tr> + <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-034.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-034.xht new file mode 100644 index 0000000000..9a3fdc2666 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-034.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: Border Conflict Resolution (width) - dashed/dotted</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dotted lime; height: 3em; } + .c5 { border-width: 10px; border-style: dashed; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td> + </tr> + <tr> + <td class="c4">dotted</td><td class="c5">dashed</td><td class="c6">dotted</td> + </tr> + <tr> + <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-035.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-035.xht new file mode 100644 index 0000000000..b095afdee0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-035.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: Border Conflict Resolution (width) - dashed/ridge</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px ridge lime; height: 3em; } + .c5 { border-width: 10px; border-style: dashed; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td> + </tr> + <tr> + <td class="c4">ridge</td><td class="c5">dashed</td><td class="c6">ridge</td> + </tr> + <tr> + <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-036.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-036.xht new file mode 100644 index 0000000000..0f433550ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-036.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: Border Conflict Resolution (width) - dashed/outset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px outset lime; height: 3em; } + .c5 { border-width: 10px; border-style: dashed; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td> + </tr> + <tr> + <td class="c4">outset</td><td class="c5">dashed</td><td class="c6">outset</td> + </tr> + <tr> + <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-037.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-037.xht new file mode 100644 index 0000000000..99b2c9ad59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-037.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: Border Conflict Resolution (width) - dashed/groove</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px groove lime; height: 3em; } + .c5 { border-width: 10px; border-style: dashed; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td> + </tr> + <tr> + <td class="c4">groove</td><td class="c5">dashed</td><td class="c6">groove</td> + </tr> + <tr> + <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-038.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-038.xht new file mode 100644 index 0000000000..b56d45ba27 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-038.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: Border Conflict Resolution (width) - dashed/inset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px inset lime; height: 3em; } + .c5 { border-width: 10px; border-style: dashed; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td> + </tr> + <tr> + <td class="c4">inset</td><td class="c5">dashed</td><td class="c6">inset</td> + </tr> + <tr> + <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-039.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-039.xht new file mode 100644 index 0000000000..2efa91ca41 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-039.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - dashed/none</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px none red; height: 3em; } + .c5 { border: 10px dashed lime; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td> + </tr> + <tr> + <td class="c4">none</td><td class="c5">dashed</td><td class="c6">none</td> + </tr> + <tr> + <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-040.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-040.xht new file mode 100644 index 0000000000..8814da0825 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-040.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - dotted/hidden</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px hidden red; height: 3em; } + .c5 { border-width: 10px; border-style: dotted; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td> + </tr> + <tr> + <td class="c4">hidden</td><td class="c5">dotted</td><td class="c6">hidden</td> + </tr> + <tr> + <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-041.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-041.xht new file mode 100644 index 0000000000..80f0ad4384 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-041.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: Border Conflict Resolution (width) - dotted/double</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px double lime; height: 3em; } + .c5 { border-width: 10px; border-style: dotted; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td> + </tr> + <tr> + <td class="c4">double</td><td class="c5">dotted</td><td class="c6">double</td> + </tr> + <tr> + <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-042.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-042.xht new file mode 100644 index 0000000000..21d8094120 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-042.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: Border Conflict Resolution (width) - dotted/solid</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px solid lime; height: 3em; } + .c5 { border-width: 10px; border-style: dotted; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td> + </tr> + <tr> + <td class="c4">solid</td><td class="c5">dotted</td><td class="c6">solid</td> + </tr> + <tr> + <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-043.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-043.xht new file mode 100644 index 0000000000..0314042f68 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-043.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: Border Conflict Resolution (width) - dotted/dashed</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dashed lime; height: 3em; } + .c5 { border-width: 10px; border-style: dotted; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td> + </tr> + <tr> + <td class="c4">dashed</td><td class="c5">dotted</td><td class="c6">dashed</td> + </tr> + <tr> + <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-044.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-044.xht new file mode 100644 index 0000000000..6ce9b05e24 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-044.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: Border Conflict Resolution (width) - dotted/dotted</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dotted lime; height: 3em; } + .c5 { border-width: 10px; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td> + </tr> + <tr> + <td class="c4">dotted</td><td class="c5">dotted</td><td class="c6">dotted</td> + </tr> + <tr> + <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-045.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-045.xht new file mode 100644 index 0000000000..9e1821b25a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-045.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: Border Conflict Resolution (width) - dotted/ridge</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px ridge lime; height: 3em; } + .c5 { border-width: 10px; border-style: dotted; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td> + </tr> + <tr> + <td class="c4">ridge</td><td class="c5">dotted</td><td class="c6">ridge</td> + </tr> + <tr> + <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-046.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-046.xht new file mode 100644 index 0000000000..8e2017e3f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-046.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: Border Conflict Resolution (width) - dotted/outset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px outset lime; height: 3em; } + .c5 { border-width: 10px; border-style: dotted; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td> + </tr> + <tr> + <td class="c4">outset</td><td class="c5">dotted</td><td class="c6">outset</td> + </tr> + <tr> + <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-047.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-047.xht new file mode 100644 index 0000000000..8e170e013d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-047.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: Border Conflict Resolution (width) - dotted/groove</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px groove lime; height: 3em; } + .c5 { border-width: 10px; border-style: dotted; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td> + </tr> + <tr> + <td class="c4">groove</td><td class="c5">dotted</td><td class="c6">groove</td> + </tr> + <tr> + <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-048.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-048.xht new file mode 100644 index 0000000000..c76e29c30e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-048.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: Border Conflict Resolution (width) - dotted/inset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px inset lime; height: 3em; } + .c5 { border-width: 10px; border-style: dotted; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td> + </tr> + <tr> + <td class="c4">inset</td><td class="c5">dotted</td><td class="c6">inset</td> + </tr> + <tr> + <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-049.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-049.xht new file mode 100644 index 0000000000..9d3ec37727 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-049.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - dotted/none</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px none red; height: 3em; } + .c5 { border: 10px dotted lime; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td> + </tr> + <tr> + <td class="c4">none</td><td class="c5">dotted</td><td class="c6">none</td> + </tr> + <tr> + <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-050.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-050.xht new file mode 100644 index 0000000000..68df0e259a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-050.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - ridge/hidden</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px hidden red; height: 3em; } + .c5 { border-width: 10px; border-style: ridge; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td> + </tr> + <tr> + <td class="c4">hidden</td><td class="c5">ridge</td><td class="c6">hidden</td> + </tr> + <tr> + <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-051.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-051.xht new file mode 100644 index 0000000000..9f11957a97 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-051.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: Border Conflict Resolution (width) - ridge/double</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px double lime; height: 3em; } + .c5 { border-width: 10px; border-style: ridge; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td> + </tr> + <tr> + <td class="c4">double</td><td class="c5">ridge</td><td class="c6">double</td> + </tr> + <tr> + <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-052.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-052.xht new file mode 100644 index 0000000000..f2aee28d2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-052.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: Border Conflict Resolution (width) - ridge/solid</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px solid lime; height: 3em; } + .c5 { border-width: 10px; border-style: ridge; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td> + </tr> + <tr> + <td class="c4">solid</td><td class="c5">ridge</td><td class="c6">solid</td> + </tr> + <tr> + <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-053.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-053.xht new file mode 100644 index 0000000000..55a580c6da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-053.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: Border Conflict Resolution (width) - ridge/dashed</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dashed lime; height: 3em; } + .c5 { border-width: 10px; border-style: ridge; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td> + </tr> + <tr> + <td class="c4">dashed</td><td class="c5">ridge</td><td class="c6">dashed</td> + </tr> + <tr> + <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-054.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-054.xht new file mode 100644 index 0000000000..969da5898d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-054.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: Border Conflict Resolution (width) - ridge/dotted</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dotted lime; height: 3em; } + .c5 { border-width: 10px; border-style: ridge; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td> + </tr> + <tr> + <td class="c4">dotted</td><td class="c5">ridge</td><td class="c6">dotted</td> + </tr> + <tr> + <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-055.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-055.xht new file mode 100644 index 0000000000..f21c74ae73 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-055.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: Border Conflict Resolution (width) - ridge/ridge</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px ridge lime; height: 3em; } + .c5 { border-width: 10px; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td> + </tr> + <tr> + <td class="c4">ridge</td><td class="c5">ridge</td><td class="c6">ridge</td> + </tr> + <tr> + <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-056.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-056.xht new file mode 100644 index 0000000000..fb5d46871b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-056.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: Border Conflict Resolution (width) - ridge/outset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px outset lime; height: 3em; } + .c5 { border-width: 10px; border-style: ridge; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td> + </tr> + <tr> + <td class="c4">outset</td><td class="c5">ridge</td><td class="c6">outset</td> + </tr> + <tr> + <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-057.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-057.xht new file mode 100644 index 0000000000..6fa3cca7a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-057.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: Border Conflict Resolution (width) - ridge/groove</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px groove lime; height: 3em; } + .c5 { border-width: 10px; border-style: ridge; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td> + </tr> + <tr> + <td class="c4">groove</td><td class="c5">ridge</td><td class="c6">groove</td> + </tr> + <tr> + <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-058.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-058.xht new file mode 100644 index 0000000000..e9ca042468 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-058.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: Border Conflict Resolution (width) - ridge/inset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px inset lime; height: 3em; } + .c5 { border-width: 10px; border-style: ridge; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td> + </tr> + <tr> + <td class="c4">inset</td><td class="c5">ridge</td><td class="c6">inset</td> + </tr> + <tr> + <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-059.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-059.xht new file mode 100644 index 0000000000..2bed71e0ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-059.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - ridge/none</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px none red; height: 3em; } + .c5 { border: 10px ridge lime; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td> + </tr> + <tr> + <td class="c4">none</td><td class="c5">ridge</td><td class="c6">none</td> + </tr> + <tr> + <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-060.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-060.xht new file mode 100644 index 0000000000..5471352d68 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-060.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - outset/hidden</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px hidden red; height: 3em; } + .c5 { border-width: 10px; border-style: outset; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td> + </tr> + <tr> + <td class="c4">hidden</td><td class="c5">outset</td><td class="c6">hidden</td> + </tr> + <tr> + <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-061.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-061.xht new file mode 100644 index 0000000000..6e8beb7c1d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-061.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: Border Conflict Resolution (width) - outset/double</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px double lime; height: 3em; } + .c5 { border-width: 10px; border-style: outset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td> + </tr> + <tr> + <td class="c4">double</td><td class="c5">outset</td><td class="c6">double</td> + </tr> + <tr> + <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-062.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-062.xht new file mode 100644 index 0000000000..8b633224cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-062.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: Border Conflict Resolution (width) - outset/solid</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px solid lime; height: 3em; } + .c5 { border-width: 10px; border-style: outset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td> + </tr> + <tr> + <td class="c4">solid</td><td class="c5">outset</td><td class="c6">solid</td> + </tr> + <tr> + <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-063.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-063.xht new file mode 100644 index 0000000000..ff7ebae7ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-063.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: Border Conflict Resolution (width) - outset/dashed</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dashed lime; height: 3em; } + .c5 { border-width: 10px; border-style: outset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td> + </tr> + <tr> + <td class="c4">dashed</td><td class="c5">outset</td><td class="c6">dashed</td> + </tr> + <tr> + <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-064.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-064.xht new file mode 100644 index 0000000000..8b3d684110 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-064.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: Border Conflict Resolution (width) - outset/dotted</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dotted lime; height: 3em; } + .c5 { border-width: 10px; border-style: outset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td> + </tr> + <tr> + <td class="c4">dotted</td><td class="c5">outset</td><td class="c6">dotted</td> + </tr> + <tr> + <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-065.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-065.xht new file mode 100644 index 0000000000..f3e0cd8ccf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-065.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: Border Conflict Resolution (width) - outset/ridge</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px ridge lime; height: 3em; } + .c5 { border-width: 10px; border-style: outset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td> + </tr> + <tr> + <td class="c4">ridge</td><td class="c5">outset</td><td class="c6">ridge</td> + </tr> + <tr> + <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-066.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-066.xht new file mode 100644 index 0000000000..0afc92ffa3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-066.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: Border Conflict Resolution (width) - outset/outset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px outset lime; height: 3em; } + .c5 { border-width: 10px; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td> + </tr> + <tr> + <td class="c4">outset</td><td class="c5">outset</td><td class="c6">outset</td> + </tr> + <tr> + <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-067.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-067.xht new file mode 100644 index 0000000000..14ec5c7990 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-067.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: Border Conflict Resolution (width) - outset/groove</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px groove lime; height: 3em; } + .c5 { border-width: 10px; border-style: outset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td> + </tr> + <tr> + <td class="c4">groove</td><td class="c5">outset</td><td class="c6">groove</td> + </tr> + <tr> + <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-068.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-068.xht new file mode 100644 index 0000000000..4f7b487903 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-068.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: Border Conflict Resolution (width) - outset/inset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px inset lime; height: 3em; } + .c5 { border-width: 10px; border-style: outset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td> + </tr> + <tr> + <td class="c4">inset</td><td class="c5">outset</td><td class="c6">inset</td> + </tr> + <tr> + <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-069.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-069.xht new file mode 100644 index 0000000000..85fb07c0f4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-069.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - outset/none</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px none red; height: 3em; } + .c5 { border: 10px outset lime; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td> + </tr> + <tr> + <td class="c4">none</td><td class="c5">outset</td><td class="c6">none</td> + </tr> + <tr> + <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-070.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-070.xht new file mode 100644 index 0000000000..651390c3f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-070.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - groove/hidden</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px hidden red; height: 3em; } + .c5 { border-width: 10px; border-style: groove; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td> + </tr> + <tr> + <td class="c4">hidden</td><td class="c5">groove</td><td class="c6">hidden</td> + </tr> + <tr> + <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-071.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-071.xht new file mode 100644 index 0000000000..010aebe4a7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-071.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: Border Conflict Resolution (width) - groove/double</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px double lime; height: 3em; } + .c5 { border-width: 10px; border-style: groove; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td> + </tr> + <tr> + <td class="c4">double</td><td class="c5">groove</td><td class="c6">double</td> + </tr> + <tr> + <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-072.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-072.xht new file mode 100644 index 0000000000..1f283cbb6e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-072.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: Border Conflict Resolution (width) - groove/solid</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px solid lime; height: 3em; } + .c5 { border-width: 10px; border-style: groove; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td> + </tr> + <tr> + <td class="c4">solid</td><td class="c5">groove</td><td class="c6">solid</td> + </tr> + <tr> + <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-073.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-073.xht new file mode 100644 index 0000000000..68f7a09846 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-073.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: Border Conflict Resolution (width) - groove/dashed</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dashed lime; height: 3em; } + .c5 { border-width: 10px; border-style: groove; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td> + </tr> + <tr> + <td class="c4">dashed</td><td class="c5">groove</td><td class="c6">dashed</td> + </tr> + <tr> + <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-074.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-074.xht new file mode 100644 index 0000000000..77fcc56369 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-074.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: Border Conflict Resolution (width) - groove/dotted</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dotted lime; height: 3em; } + .c5 { border-width: 10px; border-style: groove; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td> + </tr> + <tr> + <td class="c4">dotted</td><td class="c5">groove</td><td class="c6">dotted</td> + </tr> + <tr> + <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-075.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-075.xht new file mode 100644 index 0000000000..2f3b2f1cc7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-075.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: Border Conflict Resolution (width) - groove/ridge</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px ridge lime; height: 3em; } + .c5 { border-width: 10px; border-style: groove; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td> + </tr> + <tr> + <td class="c4">ridge</td><td class="c5">groove</td><td class="c6">ridge</td> + </tr> + <tr> + <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-076.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-076.xht new file mode 100644 index 0000000000..6496884dd9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-076.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: Border Conflict Resolution (width) - groove/outset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px outset lime; height: 3em; } + .c5 { border-width: 10px; border-style: groove; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td> + </tr> + <tr> + <td class="c4">outset</td><td class="c5">groove</td><td class="c6">outset</td> + </tr> + <tr> + <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-077.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-077.xht new file mode 100644 index 0000000000..81074a604d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-077.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: Border Conflict Resolution (width) - groove/groove</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px groove lime; height: 3em; } + .c5 { border-width: 10px; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td> + </tr> + <tr> + <td class="c4">groove</td><td class="c5">groove</td><td class="c6">groove</td> + </tr> + <tr> + <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-078.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-078.xht new file mode 100644 index 0000000000..7e07984bb3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-078.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: Border Conflict Resolution (width) - groove/inset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px inset lime; height: 3em; } + .c5 { border-width: 10px; border-style: groove; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td> + </tr> + <tr> + <td class="c4">inset</td><td class="c5">groove</td><td class="c6">inset</td> + </tr> + <tr> + <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-079.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-079.xht new file mode 100644 index 0000000000..88aeac0c17 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-079.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - groove/none</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px none red; height: 3em; } + .c5 { border: 10px groove lime; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td> + </tr> + <tr> + <td class="c4">none</td><td class="c5">groove</td><td class="c6">none</td> + </tr> + <tr> + <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-080.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-080.xht new file mode 100644 index 0000000000..ac17c9e9f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-080.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - inset/hidden</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px hidden red; height: 3em; } + .c5 { border-width: 10px; border-style: inset; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td> + </tr> + <tr> + <td class="c4">hidden</td><td class="c5">inset</td><td class="c6">hidden</td> + </tr> + <tr> + <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-081.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-081.xht new file mode 100644 index 0000000000..29fc6cf596 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-081.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: Border Conflict Resolution (width) - inset/double</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px double lime; height: 3em; } + .c5 { border-width: 10px; border-style: inset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td> + </tr> + <tr> + <td class="c4">double</td><td class="c5">inset</td><td class="c6">double</td> + </tr> + <tr> + <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-082.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-082.xht new file mode 100644 index 0000000000..7a07390b8b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-082.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: Border Conflict Resolution (width) - inset/solid</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px solid lime; height: 3em; } + .c5 { border-width: 10px; border-style: inset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td> + </tr> + <tr> + <td class="c4">solid</td><td class="c5">inset</td><td class="c6">solid</td> + </tr> + <tr> + <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-083.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-083.xht new file mode 100644 index 0000000000..ae8a146744 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-083.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: Border Conflict Resolution (width) - inset/dashed</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dashed lime; height: 3em; } + .c5 { border-width: 10px; border-style: inset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td> + </tr> + <tr> + <td class="c4">dashed</td><td class="c5">inset</td><td class="c6">dashed</td> + </tr> + <tr> + <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-084.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-084.xht new file mode 100644 index 0000000000..14f8a66814 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-084.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: Border Conflict Resolution (width) - inset/dotted</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dotted lime; height: 3em; } + .c5 { border-width: 10px; border-style: inset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td> + </tr> + <tr> + <td class="c4">dotted</td><td class="c5">inset</td><td class="c6">dotted</td> + </tr> + <tr> + <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-085.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-085.xht new file mode 100644 index 0000000000..b7a68ba20e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-085.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: Border Conflict Resolution (width) - inset/ridge</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px ridge lime; height: 3em; } + .c5 { border-width: 10px; border-style: inset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td> + </tr> + <tr> + <td class="c4">ridge</td><td class="c5">inset</td><td class="c6">ridge</td> + </tr> + <tr> + <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-086.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-086.xht new file mode 100644 index 0000000000..79a967008a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-086.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: Border Conflict Resolution (width) - inset/outset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px outset lime; height: 3em; } + .c5 { border-width: 10px; border-style: inset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td> + </tr> + <tr> + <td class="c4">outset</td><td class="c5">inset</td><td class="c6">outset</td> + </tr> + <tr> + <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-087.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-087.xht new file mode 100644 index 0000000000..2ce3eab861 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-087.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: Border Conflict Resolution (width) - inset/groove</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px groove lime; height: 3em; } + .c5 { border-width: 10px; border-style: inset; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td> + </tr> + <tr> + <td class="c4">groove</td><td class="c5">inset</td><td class="c6">groove</td> + </tr> + <tr> + <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-088.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-088.xht new file mode 100644 index 0000000000..9752a37f36 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-088.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: Border Conflict Resolution (width) - inset/inset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px inset lime; height: 3em; } + .c5 { border-width: 10px; } + .c2 { border-bottom-color: red; } + .c6 { border-left-color: red; } + .c8 { border-top-color: red; } + .c4 { border-right-color: red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td> + </tr> + <tr> + <td class="c4">inset</td><td class="c5">inset</td><td class="c6">inset</td> + </tr> + <tr> + <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-089.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-089.xht new file mode 100644 index 0000000000..664fb782f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-089.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - inset/none</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px none red; height: 3em; } + .c5 { border: 10px inset lime; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td> + </tr> + <tr> + <td class="c4">none</td><td class="c5">inset</td><td class="c6">none</td> + </tr> + <tr> + <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-090.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-090.xht new file mode 100644 index 0000000000..9b34572e9e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-090.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - none/hidden</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px hidden red; height: 3em; } + .c5 { border-width: 10px; border-style: none; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td> + </tr> + <tr> + <td class="c4">hidden</td><td class="c5">none</td><td class="c6">hidden</td> + </tr> + <tr> + <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-091.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-091.xht new file mode 100644 index 0000000000..794b9ccad2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-091.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - none/double</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px double lime; height: 3em; } + .c5 { border: 10px none red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">double</td><td class="c2">double</td><td class="c3">double</td> + </tr> + <tr> + <td class="c4">double</td><td class="c5">none</td><td class="c6">double</td> + </tr> + <tr> + <td class="c7">double</td><td class="c8">double</td><td class="c9">double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-092.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-092.xht new file mode 100644 index 0000000000..88ffd49ef6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-092.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - none/solid</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px solid lime; height: 3em; } + .c5 { border: 10px none red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td> + </tr> + <tr> + <td class="c4">solid</td><td class="c5">none</td><td class="c6">solid</td> + </tr> + <tr> + <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-093.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-093.xht new file mode 100644 index 0000000000..4f7b704902 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-093.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - none/dashed</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dashed lime; height: 3em; } + .c5 { border: 10px none red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dashed</td><td class="c2">dashed</td><td class="c3">dashed</td> + </tr> + <tr> + <td class="c4">dashed</td><td class="c5">none</td><td class="c6">dashed</td> + </tr> + <tr> + <td class="c7">dashed</td><td class="c8">dashed</td><td class="c9">dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-094.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-094.xht new file mode 100644 index 0000000000..f53c4a378d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-094.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - none/dotted</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px dotted lime; height: 3em; } + .c5 { border: 10px none red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">dotted</td><td class="c2">dotted</td><td class="c3">dotted</td> + </tr> + <tr> + <td class="c4">dotted</td><td class="c5">none</td><td class="c6">dotted</td> + </tr> + <tr> + <td class="c7">dotted</td><td class="c8">dotted</td><td class="c9">dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-095.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-095.xht new file mode 100644 index 0000000000..9387122327 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-095.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - none/ridge</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px ridge lime; height: 3em; } + .c5 { border: 10px none red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td> + </tr> + <tr> + <td class="c4">ridge</td><td class="c5">none</td><td class="c6">ridge</td> + </tr> + <tr> + <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-096.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-096.xht new file mode 100644 index 0000000000..b1d9a62136 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-096.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - inset/outset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px outset lime; height: 3em; } + .c5 { border: 10px none red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">outset</td><td class="c2">outset</td><td class="c3">outset</td> + </tr> + <tr> + <td class="c4">outset</td><td class="c5">none</td><td class="c6">outset</td> + </tr> + <tr> + <td class="c7">outset</td><td class="c8">outset</td><td class="c9">outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-097.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-097.xht new file mode 100644 index 0000000000..d67ffe1bdb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-097.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - none/groove</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px groove lime; height: 3em; } + .c5 { border: 10px none red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">groove</td><td class="c2">groove</td><td class="c3">groove</td> + </tr> + <tr> + <td class="c4">groove</td><td class="c5">none</td><td class="c6">groove</td> + </tr> + <tr> + <td class="c7">groove</td><td class="c8">groove</td><td class="c9">groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-098.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-098.xht new file mode 100644 index 0000000000..5ccb599896 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-098.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - none/inset</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px inset lime; height: 3em; } + .c5 { border: 10px none red; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">inset</td><td class="c2">inset</td><td class="c3">inset</td> + </tr> + <tr> + <td class="c4">inset</td><td class="c5">none</td><td class="c6">inset</td> + </tr> + <tr> + <td class="c7">inset</td><td class="c8">inset</td><td class="c9">inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-099.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-099.xht new file mode 100644 index 0000000000..4b32a4018f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-w-099.xht @@ -0,0 +1,27 @@ +<!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: Border Conflict Resolution (width) - none/none</title> + <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact"/> + <style type="text/css"><![CDATA[ + table { border-collapse: collapse; } + td { border: 5px none red; height: 3em; } + .c5 { border-width: 10px; } + ]]></style> + <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help"/> + </head> + <body> + <p>There should be no red borders on the table below</p> + <table> + <tr> + <td class="c1">none</td><td class="c2">none</td><td class="c3">none</td> + </tr> + <tr> + <td class="c4">none</td><td class="c5">none</td><td class="c6">none</td> + </tr> + <tr> + <td class="c7">none</td><td class="c8">none</td><td class="c9">none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-001.xht new file mode 100644 index 0000000000..a6a4f6dcd4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-001.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'dashed' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed black; + height: 3em; + } + #cell3 + { + border: 10px dashed black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dashed</td> + <td id="cell1">dashed</td> + <td>dashed</td> + </tr> + <tr> + <td id="cell2">dashed</td> + <td id="cell3">dashed</td> + <td id="cell4">dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="cell5">dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-002.xht new file mode 100644 index 0000000000..7f2203b4d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-002.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'dotted' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed black; + height: 3em; + } + #cell3 + { + border: 10px dotted black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dashed</td> + <td id="cell1">dashed</td> + <td>dashed</td> + </tr> + <tr> + <td id="cell2">dashed</td> + <td id="cell3">dotted</td> + <td id="cell4">dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="cell5">dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-003.xht new file mode 100644 index 0000000000..aadb9bafef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-003.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'double' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed black; + height: 3em; + } + #cell3 + { + border: 10px double black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dashed</td> + <td id="cell1">dashed</td> + <td>dashed</td> + </tr> + <tr> + <td id="cell2">dashed</td> + <td id="cell3">double</td> + <td id="cell4">dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="cell5">dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-004.xht new file mode 100644 index 0000000000..f0568a4a2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-004.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'groove' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed black; + height: 3em; + } + #cell3 + { + border: 10px groove black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dashed</td> + <td id="cell1">dashed</td> + <td>dashed</td> + </tr> + <tr> + <td id="cell2">dashed</td> + <td id="cell3">groove</td> + <td id="cell4">dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="cell5">dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-005.xht new file mode 100644 index 0000000000..73c5beb469 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-005.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed black; + height: 3em; + } + #cell3 + { + border: 10px hidden black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dashed</td> + <td id="cell1">dashed</td> + <td>dashed</td> + </tr> + <tr> + <td id="cell2">dashed</td> + <td id="cell3">hidden</td> + <td id="cell4">dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="cell5">dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-006.xht new file mode 100644 index 0000000000..d68f06acf4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-006.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'inset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed black; + height: 3em; + } + #cell3 + { + border: 10px inset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dashed</td> + <td id="cell1">dashed</td> + <td>dashed</td> + </tr> + <tr> + <td id="cell2">dashed</td> + <td id="cell3">inset</td> + <td id="cell4">dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="cell5">dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-007.xht new file mode 100644 index 0000000000..89b334fe23 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-007.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: Border Conflict Resolution (by border width): 'dashed' vs. 'none' - a border style of 'none' is never the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed black; + height: 3em; + } + #cell1 + { + border: 10px none red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="cell1">none</td> + <td>dashed</td> + </tr> + <tr> + <td>dashed</td> + <td>dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-008.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-008.xht new file mode 100644 index 0000000000..47cb3d2375 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-008.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'outset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed black; + height: 3em; + } + #cell3 + { + border: 10px outset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dashed</td> + <td id="cell1">dashed</td> + <td>dashed</td> + </tr> + <tr> + <td id="cell2">dashed</td> + <td id="cell3">outset</td> + <td id="cell4">dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="cell5">dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-009.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-009.xht new file mode 100644 index 0000000000..c3cc0d96af --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-009.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'ridge' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed black; + height: 3em; + } + #cell3 + { + border: 10px ridge black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dashed</td> + <td id="cell1">dashed</td> + <td>dashed</td> + </tr> + <tr> + <td id="cell2">dashed</td> + <td id="cell3">ridge</td> + <td id="cell4">dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="cell5">dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-010.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-010.xht new file mode 100644 index 0000000000..65843258e5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-010.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dashed' vs. 'solid' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dashed black; + height: 3em; + } + #cell3 + { + border: 10px solid black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dashed</td> + <td id="cell1">dashed</td> + <td>dashed</td> + </tr> + <tr> + <td id="cell2">dashed</td> + <td id="cell3">solid</td> + <td id="cell4">dashed</td> + </tr> + <tr> + <td>dashed</td> + <td id="cell5">dashed</td> + <td>dashed</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-011.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-011.xht new file mode 100644 index 0000000000..a8312df21d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-011.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'dashed' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted black; + height: 3em; + } + #cell3 + { + border: 10px dashed black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dotted</td> + <td id="cell1">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td id="cell2">dotted</td> + <td id="cell3">dashed</td> + <td id="cell4">dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="cell5">dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-012.xht new file mode 100644 index 0000000000..0b77380265 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-012.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'dotted' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted black; + height: 3em; + } + #cell3 + { + border: 10px dotted black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dotted</td> + <td id="cell1">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td id="cell2">dotted</td> + <td id="cell3">dotted</td> + <td id="cell4">dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="cell5">dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-013.xht new file mode 100644 index 0000000000..ced790226c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-013.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'double' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted black; + height: 3em; + } + #cell3 + { + border: 10px double black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dotted</td> + <td id="cell1">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td id="cell2">dotted</td> + <td id="cell3">double</td> + <td id="cell4">dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="cell5">dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-014.xht new file mode 100644 index 0000000000..418702562f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-014.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'groove' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted black; + height: 3em; + } + #cell3 + { + border: 10px groove black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dotted</td> + <td id="cell1">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td id="cell2">dotted</td> + <td id="cell3">groove</td> + <td id="cell4">dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="cell5">dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-015.xht new file mode 100644 index 0000000000..95ce2efcd8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-015.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted black; + height: 3em; + } + #cell3 + { + border: 10px hidden black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dotted</td> + <td id="cell1">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td id="cell2">dotted</td> + <td id="cell3">hidden</td> + <td id="cell4">dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="cell5">dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-016.xht new file mode 100644 index 0000000000..16a94ab1f4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-016.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'inset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted black; + height: 3em; + } + #cell3 + { + border: 10px inset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dotted</td> + <td id="cell1">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td id="cell2">dotted</td> + <td id="cell3">inset</td> + <td id="cell4">dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="cell5">dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-017.xht new file mode 100644 index 0000000000..9905c4a30c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-017.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: Border Conflict Resolution (by border width): 'dotted' vs. 'none' - a border style of 'none' is never the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted black; + height: 3em; + } + #cell1 + { + border: 10px none red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="cell1">none</td> + <td>dotted</td> + </tr> + <tr> + <td>dotted</td> + <td>dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-018.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-018.xht new file mode 100644 index 0000000000..01b45fc77a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-018.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'outset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted black; + height: 3em; + } + #cell3 + { + border: 10px outset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dotted</td> + <td id="cell1">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td id="cell2">dotted</td> + <td id="cell3">outset</td> + <td id="cell4">dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="cell5">dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-019.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-019.xht new file mode 100644 index 0000000000..ce67d5c815 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-019.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'ridge' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted black; + height: 3em; + } + #cell3 + { + border: 10px ridge black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dotted</td> + <td id="cell1">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td id="cell2">dotted</td> + <td id="cell3">ridge</td> + <td id="cell4">dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="cell5">dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-020.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-020.xht new file mode 100644 index 0000000000..791b1f543c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-020.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'dotted' vs. 'solid' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px dotted black; + height: 3em; + } + #cell3 + { + border: 10px solid black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>dotted</td> + <td id="cell1">dotted</td> + <td>dotted</td> + </tr> + <tr> + <td id="cell2">dotted</td> + <td id="cell3">solid</td> + <td id="cell4">dotted</td> + </tr> + <tr> + <td>dotted</td> + <td id="cell5">dotted</td> + <td>dotted</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-021.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-021.xht new file mode 100644 index 0000000000..82fd63b046 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-021.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'dashed' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px double black; + height: 3em; + } + #cell3 + { + border: 10px dashed black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>double</td> + <td id="cell1">double</td> + <td>double</td> + </tr> + <tr> + <td id="cell2">double</td> + <td id="cell3">dashed</td> + <td id="cell4">double</td> + </tr> + <tr> + <td>double</td> + <td id="cell5">double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-022.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-022.xht new file mode 100644 index 0000000000..974fe88525 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-022.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'dotted' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px double black; + height: 3em; + } + #cell3 + { + border: 10px dotted black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>double</td> + <td id="cell1">double</td> + <td>double</td> + </tr> + <tr> + <td id="cell2">double</td> + <td id="cell3">dotted</td> + <td id="cell4">double</td> + </tr> + <tr> + <td>double</td> + <td id="cell5">double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-023.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-023.xht new file mode 100644 index 0000000000..07676443f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-023.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'double' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px double black; + height: 3em; + } + #cell3 + { + border: 10px double black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>double</td> + <td id="cell1">double</td> + <td>double</td> + </tr> + <tr> + <td id="cell2">double</td> + <td id="cell3">double</td> + <td id="cell4">double</td> + </tr> + <tr> + <td>double</td> + <td id="cell5">double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-024.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-024.xht new file mode 100644 index 0000000000..47e2988381 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-024.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'groove' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px double black; + height: 3em; + } + #cell3 + { + border: 10px groove black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>double</td> + <td id="cell1">double</td> + <td>double</td> + </tr> + <tr> + <td id="cell2">double</td> + <td id="cell3">groove</td> + <td id="cell4">double</td> + </tr> + <tr> + <td>double</td> + <td id="cell5">double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-025.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-025.xht new file mode 100644 index 0000000000..4ef3667e52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-025.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px double black; + height: 3em; + } + #cell3 + { + border: 10px hidden black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>double</td> + <td id="cell1">double</td> + <td>double</td> + </tr> + <tr> + <td id="cell2">double</td> + <td id="cell3">hidden</td> + <td id="cell4">double</td> + </tr> + <tr> + <td>double</td> + <td id="cell5">double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-026.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-026.xht new file mode 100644 index 0000000000..feb4905252 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-026.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'inset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px double black; + height: 3em; + } + #cell3 + { + border: 10px inset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>double</td> + <td id="cell1">double</td> + <td>double</td> + </tr> + <tr> + <td id="cell2">double</td> + <td id="cell3">inset</td> + <td id="cell4">double</td> + </tr> + <tr> + <td>double</td> + <td id="cell5">double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-027.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-027.xht new file mode 100644 index 0000000000..10ad21827f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-027.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: Border Conflict Resolution (by border width): 'double' vs. 'none' - a border style of 'none' is never the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px double black; + height: 3em; + } + #cell1 + { + border: 10px none red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td id="cell1">none</td> + <td>double</td> + </tr> + <tr> + <td>double</td> + <td>double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-028.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-028.xht new file mode 100644 index 0000000000..6ed585c832 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-028.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'outset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px double black; + height: 3em; + } + #cell3 + { + border: 10px outset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>double</td> + <td id="cell1">double</td> + <td>double</td> + </tr> + <tr> + <td id="cell2">double</td> + <td id="cell3">outset</td> + <td id="cell4">double</td> + </tr> + <tr> + <td>double</td> + <td id="cell5">double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-029.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-029.xht new file mode 100644 index 0000000000..7a04d0107e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-029.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'ridge' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px double black; + height: 3em; + } + #cell3 + { + border: 10px ridge black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>double</td> + <td id="cell1">double</td> + <td>double</td> + </tr> + <tr> + <td id="cell2">double</td> + <td id="cell3">ridge</td> + <td id="cell4">double</td> + </tr> + <tr> + <td>double</td> + <td id="cell5">double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-030.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-030.xht new file mode 100644 index 0000000000..3555d6a1de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-030.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'double' vs. 'solid' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px double black; + height: 3em; + } + #cell3 + { + border: 10px solid black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>double</td> + <td id="cell1">double</td> + <td>double</td> + </tr> + <tr> + <td id="cell2">double</td> + <td id="cell3">solid</td> + <td id="cell4">double</td> + </tr> + <tr> + <td>double</td> + <td id="cell5">double</td> + <td>double</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-031.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-031.xht new file mode 100644 index 0000000000..b788001728 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-031.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'dashed' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px groove black; + height: 3em; + } + #cell3 + { + border: 10px dashed black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>groove</td> + <td id="cell1">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="cell2">groove</td> + <td id="cell3">dashed</td> + <td id="cell4">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="cell5">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-032.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-032.xht new file mode 100644 index 0000000000..4ee49208de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-032.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'dotted' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px groove black; + height: 3em; + } + #cell3 + { + border: 10px dotted black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>groove</td> + <td id="cell1">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="cell2">groove</td> + <td id="cell3">dotted</td> + <td id="cell4">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="cell5">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-033.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-033.xht new file mode 100644 index 0000000000..1f3823710e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-033.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'double' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px groove black; + height: 3em; + } + #cell3 + { + border: 10px double black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>groove</td> + <td id="cell1">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="cell2">groove</td> + <td id="cell3">double</td> + <td id="cell4">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="cell5">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-034.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-034.xht new file mode 100644 index 0000000000..a9be31fd5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-034.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'groove' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px groove black; + height: 3em; + } + #cell3 + { + border: 10px groove black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>groove</td> + <td id="cell1">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="cell2">groove</td> + <td id="cell3">groove</td> + <td id="cell4">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="cell5">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-035.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-035.xht new file mode 100644 index 0000000000..fcf956d07d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-035.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px groove black; + height: 3em; + } + #cell3 + { + border: 10px hidden black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>groove</td> + <td id="cell1">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="cell2">groove</td> + <td id="cell3">hidden</td> + <td id="cell4">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="cell5">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-036.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-036.xht new file mode 100644 index 0000000000..2d90eeb6ab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-036.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'inset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px groove black; + height: 3em; + } + #cell3 + { + border: 10px inset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>groove</td> + <td id="cell1">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="cell2">groove</td> + <td id="cell3">inset</td> + <td id="cell4">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="cell5">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-037.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-037.xht new file mode 100644 index 0000000000..ac1817e164 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-037.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: Border Conflict Resolution (by border width): 'groove' vs. 'none' - a border style of 'none' is never the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px groove black; + height: 3em; + } + #cell1 + { + border: 10px none red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>groove</td> + <td>groove</td> + <td>groove</td> + </tr> + <tr> + <td>groove</td> + <td id="cell1">none</td> + <td>groove</td> + </tr> + <tr> + <td>groove</td> + <td>groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-038.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-038.xht new file mode 100644 index 0000000000..5441c4c197 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-038.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'outset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px groove black; + height: 3em; + } + #cell3 + { + border: 10px outset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>groove</td> + <td id="cell1">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="cell2">groove</td> + <td id="cell3">outset</td> + <td id="cell4">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="cell5">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-039.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-039.xht new file mode 100644 index 0000000000..9ee2f9311a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-039.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'ridge' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px groove black; + height: 3em; + } + #cell3 + { + border: 10px ridge black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>groove</td> + <td id="cell1">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="cell2">groove</td> + <td id="cell3">ridge</td> + <td id="cell4">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="cell5">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-040.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-040.xht new file mode 100644 index 0000000000..27835836a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-040.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'groove' vs. 'solid' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px groove black; + height: 3em; + } + #cell3 + { + border: 10px solid black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>groove</td> + <td id="cell1">groove</td> + <td>groove</td> + </tr> + <tr> + <td id="cell2">groove</td> + <td id="cell3">solid</td> + <td id="cell4">groove</td> + </tr> + <tr> + <td>groove</td> + <td id="cell5">groove</td> + <td>groove</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-041.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-041.xht new file mode 100644 index 0000000000..b2bd49af05 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-041.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'dashed' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden black; + height: 3em; + } + #cell3 + { + border: 10px dashed black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>hidden</td> + <td id="cell1">hidden</td> + <td>hidden</td> + </tr> + <tr> + <td id="cell2">hidden</td> + <td id="cell3">dashed</td> + <td id="cell4">hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="cell5">hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-042.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-042.xht new file mode 100644 index 0000000000..edaf2c9446 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-042.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'dotted' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden black; + height: 3em; + } + #cell3 + { + border: 10px dotted black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>hidden</td> + <td id="cell1">hidden</td> + <td>hidden</td> + </tr> + <tr> + <td id="cell2">hidden</td> + <td id="cell3">dotted</td> + <td id="cell4">hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="cell5">hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-043.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-043.xht new file mode 100644 index 0000000000..959911fd65 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-043.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'double' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden black; + height: 3em; + } + #cell3 + { + border: 10px double black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>hidden</td> + <td id="cell1">hidden</td> + <td>hidden</td> + </tr> + <tr> + <td id="cell2">hidden</td> + <td id="cell3">double</td> + <td id="cell4">hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="cell5">hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-044.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-044.xht new file mode 100644 index 0000000000..0136ddc2d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-044.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'groove' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden black; + height: 3em; + } + #cell3 + { + border: 10px groove black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>hidden</td> + <td id="cell1">hidden</td> + <td>hidden</td> + </tr> + <tr> + <td id="cell2">hidden</td> + <td id="cell3">groove</td> + <td id="cell4">hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="cell5">hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-045.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-045.xht new file mode 100644 index 0000000000..74894851a9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-045.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden black; + height: 3em; + } + #cell3 + { + border: 10px hidden black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>hidden</td> + <td id="cell1">hidden</td> + <td>hidden</td> + </tr> + <tr> + <td id="cell2">hidden</td> + <td id="cell3">hidden</td> + <td id="cell4">hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="cell5">hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-046.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-046.xht new file mode 100644 index 0000000000..951b1e209e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-046.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'inset' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden black; + height: 3em; + } + #cell3 + { + border: 10px inset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>hidden</td> + <td id="cell1">hidden</td> + <td>hidden</td> + </tr> + <tr> + <td id="cell2">hidden</td> + <td id="cell3">inset</td> + <td id="cell4">hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="cell5">hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-047.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-047.xht new file mode 100644 index 0000000000..ca665bbbdf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-047.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: Border Conflict Resolution (by border width): 'hidden' vs. 'none' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden black; + height: 3em; + } + #cell1 + { + border: 10px none red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="cell1">none</td> + <td>hidden</td> + </tr> + <tr> + <td>hidden</td> + <td>hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-048.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-048.xht new file mode 100644 index 0000000000..ca97c507ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-048.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'outset' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden black; + height: 3em; + } + #cell3 + { + border: 10px outset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>hidden</td> + <td id="cell1">hidden</td> + <td>hidden</td> + </tr> + <tr> + <td id="cell2">hidden</td> + <td id="cell3">outset</td> + <td id="cell4">hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="cell5">hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-049.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-049.xht new file mode 100644 index 0000000000..6582c48fe6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-049.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'ridge' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden black; + height: 3em; + } + #cell3 + { + border: 10px ridge black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>hidden</td> + <td id="cell1">hidden</td> + <td>hidden</td> + </tr> + <tr> + <td id="cell2">hidden</td> + <td id="cell3">ridge</td> + <td id="cell4">hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="cell5">hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-050.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-050.xht new file mode 100644 index 0000000000..1f44e2392b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-050.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'hidden' vs. 'solid' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px hidden black; + height: 3em; + } + #cell3 + { + border: 10px solid black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>hidden</td> + <td id="cell1">hidden</td> + <td>hidden</td> + </tr> + <tr> + <td id="cell2">hidden</td> + <td id="cell3">solid</td> + <td id="cell4">hidden</td> + </tr> + <tr> + <td>hidden</td> + <td id="cell5">hidden</td> + <td>hidden</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-051.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-051.xht new file mode 100644 index 0000000000..03b2974e0b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-051.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'dashed' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px inset black; + height: 3em; + } + #cell3 + { + border: 10px dashed black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>inset</td> + <td id="cell1">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="cell2">inset</td> + <td id="cell3">dashed</td> + <td id="cell4">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="cell5">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-052.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-052.xht new file mode 100644 index 0000000000..99998a33f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-052.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'dotted' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px inset black; + height: 3em; + } + #cell3 + { + border: 10px dotted black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>inset</td> + <td id="cell1">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="cell2">inset</td> + <td id="cell3">dotted</td> + <td id="cell4">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="cell5">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-053.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-053.xht new file mode 100644 index 0000000000..b6568b9267 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-053.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'double' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px inset black; + height: 3em; + } + #cell3 + { + border: 10px double black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>inset</td> + <td id="cell1">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="cell2">inset</td> + <td id="cell3">double</td> + <td id="cell4">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="cell5">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-054.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-054.xht new file mode 100644 index 0000000000..3175ea8b4b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-054.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'groove' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px inset black; + height: 3em; + } + #cell3 + { + border: 10px groove black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>inset</td> + <td id="cell1">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="cell2">inset</td> + <td id="cell3">groove</td> + <td id="cell4">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="cell5">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-055.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-055.xht new file mode 100644 index 0000000000..63e8fac93a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-055.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px inset black; + height: 3em; + } + #cell3 + { + border: 10px hidden black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>inset</td> + <td id="cell1">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="cell2">inset</td> + <td id="cell3">hidden</td> + <td id="cell4">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="cell5">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-056.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-056.xht new file mode 100644 index 0000000000..7438ea6eda --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-056.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'inset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px inset black; + height: 3em; + } + #cell3 + { + border: 10px inset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>inset</td> + <td id="cell1">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="cell2">inset</td> + <td id="cell3">inset</td> + <td id="cell4">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="cell5">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-057.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-057.xht new file mode 100644 index 0000000000..15a4ff92c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-057.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: Border Conflict Resolution (by border width): 'inset' vs. 'none' - a border style of 'none' is never the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px inset black; + height: 3em; + } + #cell1 + { + border: 10px none red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>inset</td> + <td>inset</td> + <td>inset</td> + </tr> + <tr> + <td>inset</td> + <td id="cell1">none</td> + <td>inset</td> + </tr> + <tr> + <td>inset</td> + <td>inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-058.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-058.xht new file mode 100644 index 0000000000..ecfa3a2601 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-058.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'outset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px inset black; + height: 3em; + } + #cell3 + { + border: 10px outset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>inset</td> + <td id="cell1">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="cell2">inset</td> + <td id="cell3">outset</td> + <td id="cell4">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="cell5">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-059.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-059.xht new file mode 100644 index 0000000000..aff106dbe8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-059.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'ridge' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px inset black; + height: 3em; + } + #cell3 + { + border: 10px ridge black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>inset</td> + <td id="cell1">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="cell2">inset</td> + <td id="cell3">ridge</td> + <td id="cell4">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="cell5">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-060.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-060.xht new file mode 100644 index 0000000000..90cc700bbd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-060.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'inset' vs. 'solid' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px inset black; + height: 3em; + } + #cell3 + { + border: 10px solid black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>inset</td> + <td id="cell1">inset</td> + <td>inset</td> + </tr> + <tr> + <td id="cell2">inset</td> + <td id="cell3">solid</td> + <td id="cell4">inset</td> + </tr> + <tr> + <td>inset</td> + <td id="cell5">inset</td> + <td>inset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-061.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-061.xht new file mode 100644 index 0000000000..c360d246e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-061.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'dashed' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px none black; + height: 3em; + } + #cell3 + { + border: 10px dashed black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>none</td> + <td id="cell1">none</td> + <td>none</td> + </tr> + <tr> + <td id="cell2">none</td> + <td id="cell3">dashed</td> + <td id="cell4">none</td> + </tr> + <tr> + <td>none</td> + <td id="cell5">none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-062.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-062.xht new file mode 100644 index 0000000000..db2559556d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-062.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'dotted' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px none black; + height: 3em; + } + #cell3 + { + border: 10px dotted black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>none</td> + <td id="cell1">none</td> + <td>none</td> + </tr> + <tr> + <td id="cell2">none</td> + <td id="cell3">dotted</td> + <td id="cell4">none</td> + </tr> + <tr> + <td>none</td> + <td id="cell5">none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-063.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-063.xht new file mode 100644 index 0000000000..b5ff100472 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-063.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'double' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px none black; + height: 3em; + } + #cell3 + { + border: 10px double black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>none</td> + <td id="cell1">none</td> + <td>none</td> + </tr> + <tr> + <td id="cell2">none</td> + <td id="cell3">double</td> + <td id="cell4">none</td> + </tr> + <tr> + <td>none</td> + <td id="cell5">none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-064.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-064.xht new file mode 100644 index 0000000000..759096cb0c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-064.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'groove' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px none black; + height: 3em; + } + #cell3 + { + border: 10px groove black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>none</td> + <td id="cell1">none</td> + <td>none</td> + </tr> + <tr> + <td id="cell2">none</td> + <td id="cell3">groove</td> + <td id="cell4">none</td> + </tr> + <tr> + <td>none</td> + <td id="cell5">none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-065.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-065.xht new file mode 100644 index 0000000000..2119b4d810 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-065.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px none black; + height: 3em; + } + #cell3 + { + border: 10px hidden black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>none</td> + <td id="cell1">none</td> + <td>none</td> + </tr> + <tr> + <td id="cell2">none</td> + <td id="cell3">hidden</td> + <td id="cell4">none</td> + </tr> + <tr> + <td>none</td> + <td id="cell5">none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-066.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-066.xht new file mode 100644 index 0000000000..07de2da6b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-066.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'inset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px none black; + height: 3em; + } + #cell3 + { + border: 10px inset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>none</td> + <td id="cell1">none</td> + <td>none</td> + </tr> + <tr> + <td id="cell2">none</td> + <td id="cell3">inset</td> + <td id="cell4">none</td> + </tr> + <tr> + <td>none</td> + <td id="cell5">none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-067.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-067.xht new file mode 100644 index 0000000000..b2acf09128 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-067.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: Border Conflict Resolution (by border width): 'none' vs. 'none' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px none black; + height: 3em; + } + #cell1 + { + border: 10px none red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td id="cell1">none</td> + <td>none</td> + </tr> + <tr> + <td>none</td> + <td>none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-068.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-068.xht new file mode 100644 index 0000000000..cfa11b3bfc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-068.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'outset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px none black; + height: 3em; + } + #cell3 + { + border: 10px outset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>none</td> + <td id="cell1">none</td> + <td>none</td> + </tr> + <tr> + <td id="cell2">none</td> + <td id="cell3">outset</td> + <td id="cell4">none</td> + </tr> + <tr> + <td>none</td> + <td id="cell5">none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-069.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-069.xht new file mode 100644 index 0000000000..0959c037dd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-069.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'ridge' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px none black; + height: 3em; + } + #cell3 + { + border: 10px ridge black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>none</td> + <td id="cell1">none</td> + <td>none</td> + </tr> + <tr> + <td id="cell2">none</td> + <td id="cell3">ridge</td> + <td id="cell4">none</td> + </tr> + <tr> + <td>none</td> + <td id="cell5">none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-070.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-070.xht new file mode 100644 index 0000000000..c09cee56ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-070.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'none' vs. 'solid' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px none black; + height: 3em; + } + #cell3 + { + border: 10px solid black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>none</td> + <td id="cell1">none</td> + <td>none</td> + </tr> + <tr> + <td id="cell2">none</td> + <td id="cell3">solid</td> + <td id="cell4">none</td> + </tr> + <tr> + <td>none</td> + <td id="cell5">none</td> + <td>none</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-071.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-071.xht new file mode 100644 index 0000000000..919001f8ff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-071.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'dashed' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px outset black; + height: 3em; + } + #cell3 + { + border: 10px dashed black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>outset</td> + <td id="cell1">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="cell2">outset</td> + <td id="cell3">dashed</td> + <td id="cell4">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="cell5">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-072.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-072.xht new file mode 100644 index 0000000000..6f19840530 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-072.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'dotted' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px outset black; + height: 3em; + } + #cell3 + { + border: 10px dotted black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>outset</td> + <td id="cell1">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="cell2">outset</td> + <td id="cell3">dotted</td> + <td id="cell4">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="cell5">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-073.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-073.xht new file mode 100644 index 0000000000..8189bf94fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-073.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'double' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px outset black; + height: 3em; + } + #cell3 + { + border: 10px double black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>outset</td> + <td id="cell1">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="cell2">outset</td> + <td id="cell3">double</td> + <td id="cell4">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="cell5">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-074.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-074.xht new file mode 100644 index 0000000000..4081b0d4a1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-074.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'groove' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px outset black; + height: 3em; + } + #cell3 + { + border: 10px groove black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>outset</td> + <td id="cell1">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="cell2">outset</td> + <td id="cell3">groove</td> + <td id="cell4">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="cell5">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-075.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-075.xht new file mode 100644 index 0000000000..e81140326e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-075.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px outset black; + height: 3em; + } + #cell3 + { + border: 10px hidden black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>outset</td> + <td id="cell1">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="cell2">outset</td> + <td id="cell3">hidden</td> + <td id="cell4">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="cell5">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-076.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-076.xht new file mode 100644 index 0000000000..20eecc3f20 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-076.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'inset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px outset black; + height: 3em; + } + #cell3 + { + border: 10px inset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>outset</td> + <td id="cell1">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="cell2">outset</td> + <td id="cell3">inset</td> + <td id="cell4">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="cell5">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-077.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-077.xht new file mode 100644 index 0000000000..29471dff13 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-077.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: Border Conflict Resolution (by border width): 'outset' vs. 'none' - a border style of 'none' is never the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px outset black; + height: 3em; + } + #cell1 + { + border: 10px none red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>outset</td> + <td>outset</td> + <td>outset</td> + </tr> + <tr> + <td>outset</td> + <td id="cell1">none</td> + <td>outset</td> + </tr> + <tr> + <td>outset</td> + <td>outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-078.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-078.xht new file mode 100644 index 0000000000..a49cba775b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-078.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'outset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px outset black; + height: 3em; + } + #cell3 + { + border: 10px outset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>outset</td> + <td id="cell1">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="cell2">outset</td> + <td id="cell3">outset</td> + <td id="cell4">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="cell5">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-079.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-079.xht new file mode 100644 index 0000000000..ad13d14044 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-079.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'ridge' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px outset black; + height: 3em; + } + #cell3 + { + border: 10px ridge black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>outset</td> + <td id="cell1">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="cell2">outset</td> + <td id="cell3">ridge</td> + <td id="cell4">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="cell5">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-080.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-080.xht new file mode 100644 index 0000000000..8f672e7dcd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-080.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'outset' vs. 'solid' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px outset black; + height: 3em; + } + #cell3 + { + border: 10px solid black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>outset</td> + <td id="cell1">outset</td> + <td>outset</td> + </tr> + <tr> + <td id="cell2">outset</td> + <td id="cell3">solid</td> + <td id="cell4">outset</td> + </tr> + <tr> + <td>outset</td> + <td id="cell5">outset</td> + <td>outset</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-081.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-081.xht new file mode 100644 index 0000000000..1f30a9c5bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-081.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'dashed' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge black; + height: 3em; + } + #cell3 + { + border: 10px dashed black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>ridge</td> + <td id="cell1">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="cell2">ridge</td> + <td id="cell3">dashed</td> + <td id="cell4">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="cell5">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-082.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-082.xht new file mode 100644 index 0000000000..9c69351c97 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-082.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'dotted' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge black; + height: 3em; + } + #cell3 + { + border: 10px dotted black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>ridge</td> + <td id="cell1">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="cell2">ridge</td> + <td id="cell3">dotted</td> + <td id="cell4">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="cell5">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-083.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-083.xht new file mode 100644 index 0000000000..3b94c3fc0f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-083.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'double' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge black; + height: 3em; + } + #cell3 + { + border: 10px double black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>ridge</td> + <td id="cell1">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="cell2">ridge</td> + <td id="cell3">double</td> + <td id="cell4">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="cell5">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-084.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-084.xht new file mode 100644 index 0000000000..5e571aede0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-084.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'groove' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge black; + height: 3em; + } + #cell3 + { + border: 10px groove black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>ridge</td> + <td id="cell1">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="cell2">ridge</td> + <td id="cell3">groove</td> + <td id="cell4">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="cell5">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-085.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-085.xht new file mode 100644 index 0000000000..230e164e1f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-085.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge black; + height: 3em; + } + #cell3 + { + border: 10px hidden black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>ridge</td> + <td id="cell1">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="cell2">ridge</td> + <td id="cell3">hidden</td> + <td id="cell4">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="cell5">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-086.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-086.xht new file mode 100644 index 0000000000..f48be7d637 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-086.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'inset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge black; + height: 3em; + } + #cell3 + { + border: 10px inset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>ridge</td> + <td id="cell1">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="cell2">ridge</td> + <td id="cell3">inset</td> + <td id="cell4">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="cell5">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-087.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-087.xht new file mode 100644 index 0000000000..791747d910 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-087.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: Border Conflict Resolution (by border width): 'ridge' vs. 'none' - a border style of 'none' is never the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse, except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge black; + height: 3em; + } + #cell1 + { + border: 10px none red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>ridge</td> + <td>ridge</td> + <td>ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="cell1">none</td> + <td>ridge</td> + </tr> + <tr> + <td>ridge</td> + <td>ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-088.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-088.xht new file mode 100644 index 0000000000..51d6b3445b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-088.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'outset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge black; + height: 3em; + } + #cell3 + { + border: 10px outset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>ridge</td> + <td id="cell1">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="cell2">ridge</td> + <td id="cell3">outset</td> + <td id="cell4">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="cell5">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-089.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-089.xht new file mode 100644 index 0000000000..af70afa59f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-089.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'ridge' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge black; + height: 3em; + } + #cell3 + { + border: 10px ridge black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>ridge</td> + <td id="cell1">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="cell2">ridge</td> + <td id="cell3">ridge</td> + <td id="cell4">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="cell5">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-090.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-090.xht new file mode 100644 index 0000000000..f940a01a71 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-090.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'ridge' vs. 'solid' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px ridge black; + height: 3em; + } + #cell3 + { + border: 10px solid black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>ridge</td> + <td id="cell1">ridge</td> + <td>ridge</td> + </tr> + <tr> + <td id="cell2">ridge</td> + <td id="cell3">solid</td> + <td id="cell4">ridge</td> + </tr> + <tr> + <td>ridge</td> + <td id="cell5">ridge</td> + <td>ridge</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-091.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-091.xht new file mode 100644 index 0000000000..5b7a151d9e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-091.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'dashed' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px solid black; + height: 3em; + } + #cell3 + { + border: 10px dashed black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>solid</td> + <td id="cell1">solid</td> + <td>solid</td> + </tr> + <tr> + <td id="cell2">solid</td> + <td id="cell3">dashed</td> + <td id="cell4">solid</td> + </tr> + <tr> + <td>solid</td> + <td id="cell5">solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-092.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-092.xht new file mode 100644 index 0000000000..95e9577ad1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-092.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'dotted' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px solid black; + height: 3em; + } + #cell3 + { + border: 10px dotted black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>solid</td> + <td id="cell1">solid</td> + <td>solid</td> + </tr> + <tr> + <td id="cell2">solid</td> + <td id="cell3">dotted</td> + <td id="cell4">solid</td> + </tr> + <tr> + <td>solid</td> + <td id="cell5">solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-093.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-093.xht new file mode 100644 index 0000000000..09dc6c6d7e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-093.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'double' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px solid black; + height: 3em; + } + #cell3 + { + border: 10px double black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>solid</td> + <td id="cell1">solid</td> + <td>solid</td> + </tr> + <tr> + <td id="cell2">solid</td> + <td id="cell3">double</td> + <td id="cell4">solid</td> + </tr> + <tr> + <td>solid</td> + <td id="cell5">solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-094.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-094.xht new file mode 100644 index 0000000000..e94334fa16 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-094.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'groove' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px solid black; + height: 3em; + } + #cell3 + { + border: 10px groove black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>solid</td> + <td id="cell1">solid</td> + <td>solid</td> + </tr> + <tr> + <td id="cell2">solid</td> + <td id="cell3">groove</td> + <td id="cell4">solid</td> + </tr> + <tr> + <td>solid</td> + <td id="cell5">solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-095.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-095.xht new file mode 100644 index 0000000000..2318819f8b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-095.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'hidden' - a border style of 'hidden' is always the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The 'hidden' border style takes precedence over all style and width definitions." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px solid black; + height: 3em; + } + #cell3 + { + border: 10px hidden black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>solid</td> + <td id="cell1">solid</td> + <td>solid</td> + </tr> + <tr> + <td id="cell2">solid</td> + <td id="cell3">hidden</td> + <td id="cell4">solid</td> + </tr> + <tr> + <td>solid</td> + <td id="cell5">solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-096.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-096.xht new file mode 100644 index 0000000000..db6e83c95a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-096.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'inset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px solid black; + height: 3em; + } + #cell3 + { + border: 10px inset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>solid</td> + <td id="cell1">solid</td> + <td>solid</td> + </tr> + <tr> + <td id="cell2">solid</td> + <td id="cell3">inset</td> + <td id="cell4">solid</td> + </tr> + <tr> + <td>solid</td> + <td id="cell5">solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-097.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-097.xht new file mode 100644 index 0000000000..531bac6a26 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-097.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: Border Conflict Resolution (by border width): 'solid' vs. 'none' - a border style of 'none' is never the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two , except when border style is 'none'. If border style is 'none' any other non-none border style is dominant border." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px solid black; + height: 3em; + } + #cell1 + { + border: 10px none red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td id="cell1">none</td> + <td>solid</td> + </tr> + <tr> + <td>solid</td> + <td>solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-098.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-098.xht new file mode 100644 index 0000000000..4dc5506d4a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-098.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'outset' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px solid black; + height: 3em; + } + #cell3 + { + border: 10px outset black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>solid</td> + <td id="cell1">solid</td> + <td>solid</td> + </tr> + <tr> + <td id="cell2">solid</td> + <td id="cell3">outset</td> + <td id="cell4">solid</td> + </tr> + <tr> + <td>solid</td> + <td id="cell5">solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-099.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-099.xht new file mode 100644 index 0000000000..ae1c42466b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-099.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'ridge' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px solid black; + height: 3em; + } + #cell3 + { + border: 10px ridge black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>solid</td> + <td id="cell1">solid</td> + <td>solid</td> + </tr> + <tr> + <td id="cell2">solid</td> + <td id="cell3">ridge</td> + <td id="cell4">solid</td> + </tr> + <tr> + <td>solid</td> + <td id="cell5">solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-100.xht b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-100.xht new file mode 100644 index 0000000000..67aca8983f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-conflict-width-100.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Border Conflict Resolution (by border width): 'solid' vs. 'solid' - border style with largest width is the dominant border</title> + <link rel="author" title="W3C" href="http://www.w3c.org/" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" /> + <meta name="assert" content="The widest border is dominant when two cell borders collapse." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 5px solid black; + height: 3em; + } + #cell3 + { + border: 10px solid black; + } + #cell1 + { + border-bottom-color: red; + } + #cell4 + { + border-left-color: red; + } + #cell5 + { + border-top-color: red; + } + #cell2 + { + border-right-color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td>solid</td> + <td id="cell1">solid</td> + <td>solid</td> + </tr> + <tr> + <td id="cell2">solid</td> + <td id="cell3">solid</td> + <td id="cell4">solid</td> + </tr> + <tr> + <td>solid</td> + <td id="cell5">solid</td> + <td>solid</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-001.xht new file mode 100644 index 0000000000..5ccdca71c7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-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: Border-spacing using pixels with a minimum minus one value, -1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Setting border-spacing to a value below the minimum in pixels falls back to the default value." /> + <style type="text/css"> + table + { + background-color: black; + font-size: 12pt; + margin-top: 10px; + } + #test + { + border-spacing: -1px; + } + td + { + height: 100px; + padding: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same width.</p> + <table id="test"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-002.xht new file mode 100644 index 0000000000..193b9fa011 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-002.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: Border-spacing using pixels with a minimum value, 0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value with pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: 0px; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-003.xht new file mode 100644 index 0000000000..91ff3b1cec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-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: Border-spacing using pixels with a minimum plus one value, 1px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set one above the minimum in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 121px; + position: relative; + top: 1px; + width: 1px; + } + table + { + border-spacing: 1px 0; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle line is as wide as the space between the bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-004.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-004.xht new file mode 100644 index 0000000000..c46f1e87c6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-004.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: Border-spacing set to zero using pixels with a minus sign, -0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a minus sign, with pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + table + { + border-spacing: -0px; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-005.xht new file mode 100644 index 0000000000..b36ed950c9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-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: Border-spacing set to zero using pixels with a plus sign, +0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, with pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: +0px; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-006.xht new file mode 100644 index 0000000000..8ff558597d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-006.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: Border-spacing using pixels with a nominal value, 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to nominal length in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 216px; + position: relative; + top: 96px; + width: 96px; + } + table + { + border-spacing: 96px; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-007.xht new file mode 100644 index 0000000000..a0c5b1da02 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-007.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: Border-spacing using pixels with a nominal value (with plus sign), +96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 216px; + position: relative; + top: 96px; + width: 96px; + } + table + { + border-spacing: +96px; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-012.xht new file mode 100644 index 0000000000..fcb8f6ba32 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-012.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: Border-spacing using points with a minimum minus one value, -1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="Setting border-spacing to a value below the minimum in points falls back to the default value." /> + <style type="text/css"> + table + { + background-color: black; + font-size: 12pt; + margin-top: 10px; + } + #test + { + border-spacing: -1pt; + } + td + { + height: 100px; + padding: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same width.</p> + <table id="test"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-013.xht new file mode 100644 index 0000000000..702d1950b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-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: Border-spacing using points with a minimum value, 0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value with points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: 0pt; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-014.xht new file mode 100644 index 0000000000..422d224646 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-014.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: Border-spacing using points with a minimum plus one value, 1pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set one above the minimum in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 91pt; + position: relative; + top: 1pt; + width: 1pt; + } + table + { + border-spacing: 1pt; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle line is as wide as the space between the bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-015.xht new file mode 100644 index 0000000000..5ebf41ea13 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-015.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: Border-spacing set to zero using points with a negative sign, -0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a negative sign, with points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: -0pt; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-016.xht new file mode 100644 index 0000000000..cf49c21a50 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-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: Border-spacing set to zero using points with a plus sign, +0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, with points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: +0pt; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-017.xht new file mode 100644 index 0000000000..8d8d554c73 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-017.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: Border-spacing using points with a nominal value, 72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to nominal length in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 162pt; + position: relative; + top: 72pt; + width: 72pt; + } + table + { + border-spacing: 72pt; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-018.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-018.xht new file mode 100644 index 0000000000..b4581f9d2d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-018.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: Border-spacing using points with a nominal value with a plus sign, +72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 162pt; + position: relative; + top: 72pt; + width: 72pt; + } + table + { + border-spacing: +72pt; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-023.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-023.xht new file mode 100644 index 0000000000..1172e41090 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-023.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: Border-spacing using picas with a minimum minus one value, -1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Setting border-spacing to a value below the minimum in picas falls back to the default value." /> + <style type="text/css"> + table + { + background-color: black; + font-size: 12pt; + margin-top: 10px; + } + #test + { + border-spacing: -1pc; + } + td + { + height: 100px; + padding: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same width.</p> + <table id="test"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-024.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-024.xht new file mode 100644 index 0000000000..d72eaed01b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-024.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: Border-spacing set to zero using picas, 0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value with picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: 0pc; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-025.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-025.xht new file mode 100644 index 0000000000..80f980f213 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-025.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: Border-spacing using picas with a minimum plus one value, 1pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set one above the minimum in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 8.5pc; + position: relative; + top: 1pc; + width: 1pc; + } + table + { + border-spacing: 1pc; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle block is as wide as the space between the bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-026.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-026.xht new file mode 100644 index 0000000000..507ce2db80 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-026.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: Border-spacing set to zero using picas with a negative sign, -0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a negative sign, with picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: -0pc; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-027.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-027.xht new file mode 100644 index 0000000000..0409823be5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-027.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: Border-spacing set to zero using picas with a plus sign, +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, with picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: +0pc; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-028.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-028.xht new file mode 100644 index 0000000000..afc3c76083 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-028.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: Border-spacing using picas with a nominal value, 6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to nominal length in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 13.5pc; + position: relative; + top: 6pc; + width: 6pc; + } + table + { + border-spacing: 6pc; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-029.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-029.xht new file mode 100644 index 0000000000..8bef27f087 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-029.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: Border-spacing using picas with a nominal value (with plus sign), +6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 13.5pc; + position: relative; + top: 6pc; + width: 6pc; + } + table + { + border-spacing: +6pc; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-034.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-034.xht new file mode 100644 index 0000000000..22916f25ec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-034.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: Border-spacing using centimeters with a minimum minus one value, -1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Setting border-spacing to a value below the minimum in centimeters falls back to the default value." /> + <style type="text/css"> + table + { + background-color: black; + font-size: 12pt; + margin-top: 10px; + } + #test + { + border-spacing: -1cm; + } + td + { + height: 100px; + padding: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same width.</p> + <table id="test"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-035.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-035.xht new file mode 100644 index 0000000000..6531b25015 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-035.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: Border-spacing using centimeters with a minimum value, 0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value with centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: 0cm; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-036.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-036.xht new file mode 100644 index 0000000000..1f6ba7176b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-036.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: Border-spacing using centimeters with a minimum plus one value, 1cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set one above the minimum in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 158px; + position: relative; + top: 1cm; + width: 1cm; + } + table + { + border-spacing: 1cm; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle block is as wide as the space between the bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-037.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-037.xht new file mode 100644 index 0000000000..ef71e33ed3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-037.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: Border-spacing set to zero using centimeters with a minus sign, -0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a minus sign, with centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: -0cm; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-038.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-038.xht new file mode 100644 index 0000000000..13400a93a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-038.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: Border-spacing set to zero using centimeters with a plus sign, +0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, with centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: +0cm; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-039.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-039.xht new file mode 100644 index 0000000000..88a180da0b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-039.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: Border-spacing using centimeters with a nominal value, 2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to nominal length in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 216px; + position: relative; + top: 2.54cm; + width: 2.54cm; + } + table + { + border-spacing: 2.54cm; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-040.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-040.xht new file mode 100644 index 0000000000..fe57c72b79 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-040.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: Border-spacing using centimeters with a nominal value (with plus sign), +2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 216px; + position: relative; + top: 2.54cm; + width: 2.54cm; + } + table + { + border-spacing: +2.54cm; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-045.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-045.xht new file mode 100644 index 0000000000..0bbace84c7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-045.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: Border-spacing using millimeters with a minimum minus one value, -1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Setting border-spacing to a value below the minimum in millimeters falls back to the default value." /> + <style type="text/css"> + table + { + background-color: black; + font-size: 12pt; + margin-top: 10px; + } + #test + { + border-spacing: -1mm; + } + td + { + height: 100px; + padding: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same width.</p> + <table id="test"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-046.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-046.xht new file mode 100644 index 0000000000..44fa9c0bd7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-046.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: Border-spacing using millimeters with a minimum value, 0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value with millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: 0mm; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-047.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-047.xht new file mode 100644 index 0000000000..18be574888 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-047.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: Border-spacing using millimeters with a minimum plus one value, 1mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set one above the minimum in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 124px; + position: relative; + top: 1mm; + width: 1mm; + } + table + { + border-spacing: 1mm; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle block is as wide as the space between the bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-048.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-048.xht new file mode 100644 index 0000000000..bf375581ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-048.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: Border-spacing set to zero using millimeters with a minus sign, -0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a negative sign, with millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: -0mm; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-049.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-049.xht new file mode 100644 index 0000000000..c9a2edc8a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-049.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: Border-spacing set to zero using millimeters with a plus sign, +0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, with millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: +0mm; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-050.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-050.xht new file mode 100644 index 0000000000..566add8cb3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-050.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: Border-spacing using millimeters with a nominal value, 25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to nominal length in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 216px; + position: relative; + top: 25.4mm; + width: 25.4mm; + } + table + { + border-spacing: 25.4mm; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-051.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-051.xht new file mode 100644 index 0000000000..00d8c4db49 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-051.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: Border-spacing using millimeters with a nominal value (with plus sign), +25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 216px; + position: relative; + top: 25.4mm; + width: 25.4mm; + } + table + { + border-spacing: +25.4mm; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-056.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-056.xht new file mode 100644 index 0000000000..17f19d5a2f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-056.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: Border-spacing using inches with a minimum minus one value, -1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Setting border-spacing to a value below the minimum in inches falls back to the default value." /> + <style type="text/css"> + table + { + background-color: black; + font-size: 12pt; + margin-top: 10px; + } + #test + { + border-spacing: -1in; + } + td + { + height: 100px; + padding: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same width.</p> + <table id="test"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-057.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-057.xht new file mode 100644 index 0000000000..157a746b87 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-057.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: Border-spacing using inches with a minimum value, 0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value with inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: 0in; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-058.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-058.xht new file mode 100644 index 0000000000..e8e01ab962 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-058.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: Border-spacing using inches with a minimum plus one value, 1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set one above the minimum in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 216px; + position: relative; + top: 1in; + width: 1in; + } + table + { + border-spacing: 1in; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-059.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-059.xht new file mode 100644 index 0000000000..037719c9d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-059.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: Border-spacing set to zero using inches with a minus sign, -0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a negative sign, with inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: -0in; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-060.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-060.xht new file mode 100644 index 0000000000..2849d93084 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-060.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: Border-spacing set to zero using inches with a plus sign, +0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, with inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: +0in; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-061.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-061.xht new file mode 100644 index 0000000000..376edfe1b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-061.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: Border-spacing using inches with a nominal value, 1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to nominal length in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 216px; + position: relative; + top: 1in; + width: 1in; + } + table + { + border-spacing: 1in; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-062.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-062.xht new file mode 100644 index 0000000000..b6effd4177 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-062.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: Border-spacing using inches with a nominal value (with plus sign), +1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 216px; + position: relative; + top: 1in; + width: 1in; + } + table + { + border-spacing: +1in; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-067.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-067.xht new file mode 100644 index 0000000000..ac23ea0678 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-067.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: Border-spacing using 'em' units with a minimum minus one value, -1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Setting border-spacing to a value below the minimum in 'em' units falls back to the default value." /> + <style type="text/css"> + table + { + background-color: black; + font-size: 12pt; + margin-top: 10px; + } + #test + { + border-spacing: -1em; + } + td + { + height: 100px; + padding: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same width.</p> + <table id="test"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-068.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-068.xht new file mode 100644 index 0000000000..a71ffdb3f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-068.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: Border-spacing using 'em' units with a minimum value, 0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value with 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: 0em; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-069.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-069.xht new file mode 100644 index 0000000000..05bdb1accb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-069.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: Border-spacing using 'em' units with a minimum plus one value, 1em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set one above the minimum in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 7em; + position: relative; + top: 1em; + width: 1em; + } + table + { + border-spacing: 1em; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle block is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-070.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-070.xht new file mode 100644 index 0000000000..d543d41eb6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-070.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: Border-spacing set to zero using 'em' units with a minus sign, -0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a minus sign, in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: -0em; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXX</td> + <td>XXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-071.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-071.xht new file mode 100644 index 0000000000..21264c412d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-071.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: Border-spacing set to zero using 'em' units with a plus sign, +0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a plus sign, in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: +0em; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXX</td> + <td>XXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-072.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-072.xht new file mode 100644 index 0000000000..a142891da4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-072.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: Border-spacing using 'em' units with a nominal value, 6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to nominal length in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 12em; + position: relative; + top: 6em; + width: 6em; + } + table + { + border-spacing: 6em; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-073.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-073.xht new file mode 100644 index 0000000000..1f24481aa5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-073.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: Border-spacing using 'em' units with a nominal value with a plus sign, +6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 12em; + position: relative; + top: 6em; + width: 6em; + } + table + { + border-spacing: +6em; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-078.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-078.xht new file mode 100644 index 0000000000..96afd48253 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-078.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: Border-spacing using 'ex' units with a minimum minus one value, -1ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Setting border-spacing to a value below the minimum in 'ex' units falls back to the default value." /> + <style type="text/css"> + table + { + background-color: black; + font-size: 12pt; + margin-top: 10px; + } + #test + { + border-spacing: -1ex; + } + td + { + height: 100px; + padding: 0; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are the same width.</p> + <table id="test"> + <tr> + <td></td> + </tr> + </table> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-079.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-079.xht new file mode 100644 index 0000000000..51514895b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-079.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: Border-spacing using 'ex' units with a minimum value, 0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: 0ex; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXX</td> + <td>XXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-081.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-081.xht new file mode 100644 index 0000000000..832cf47793 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-081.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: Border-spacing set to zero using 'ex' units with a minus sign, -0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with a negative sign, in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: -0ex; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXX</td> + <td>XXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-082.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-082.xht new file mode 100644 index 0000000000..902b500eea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-082.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: Border-spacing set to zero using 'ex' units with a plus sign, +0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value, using zero with plus sign, with 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: +0ex; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one bar below this line.</p> + <table> + <tr> + <td>XXXX</td> + <td>XXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-083.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-083.xht new file mode 100644 index 0000000000..194a82ab1f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-083.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: Border-spacing using 'ex' units with a nominal value, 7.5ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to nominal length in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px Ahem; + } + div + { + background: black; + height: 1em; + left: 15ex; + position: relative; + top: 7.5ex; + width: 7.5ex; + } + table + { + border-spacing: 7.5ex; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-084.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-084.xht new file mode 100644 index 0000000000..41f9ba32e1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-084.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: Border-spacing using 'ex' units with a nominal value with a plus sign, +7.5ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to a nominal length (with plus sign) in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div, table + { + font: 20px Ahem; + } + div + { + background: black; + height: 1em; + left: 15ex; + position: relative; + top: 7.5ex; + width: 7.5ex; + } + table + { + border-spacing: +7.5ex; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-089.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-089.xht new file mode 100644 index 0000000000..ee6d473dc3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-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: Border-spacing set to zero with no units with a minus sign, -0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value with an integer, regardless of the negative sign on it." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: -0; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-090.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-090.xht new file mode 100644 index 0000000000..9e67659970 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-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: Border-spacing set to zero with no units, 0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value with an integer." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: 0; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-091.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-091.xht new file mode 100644 index 0000000000..8c22b7c1e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-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: Border-spacing set to zero with no units with a plus sign, +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing can be set to the minimum value with an integer, regardless of the positive sign on it." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: +0; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below this line.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-092.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-092.xht new file mode 100644 index 0000000000..546de9b37d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-092.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: Border-spacing set to inherit with one value, 1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Verify that a table with 'border-spacing: inherit' uses its parent container's border-spacing value." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + body + { + border-spacing: 1in; + } + div, table + { + font: 20px/1 Ahem; + } + div + { + background: black; + height: 1em; + left: 216px; + position: relative; + top: 1in; + width: 1in; + } + table + { + border-spacing: inherit; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the middle bar is as wide as the space between the first and last bars.</p> + <div></div> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-093.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-093.xht new file mode 100644 index 0000000000..c17fb184ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-093.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: Border-spacing set to inherit with two values, 50px 5px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Verify that a table with 'border-spacing: inherit' uses both of its parent container's border-spacing values if two are specified." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + body + { + border-spacing: 50px 5px; + } + table + { + border-spacing: inherit; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if four bars appear, and the horizontal space between them is greater than the vertical space between them.</p> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-094.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-094.xht new file mode 100644 index 0000000000..726c4abe6f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-094.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: Border-spacing: using two values, 5px 50px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Verify that a table can have two values specified by its border-spacing property." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: 5px 50px; + font: 20px/1 Ahem; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if four bars appear, and the vertical space between them is greater than the horizontal space between them.</p> + <table> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + <tr> + <td>XXXXXX</td> + <td>XXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-001.xht new file mode 100644 index 0000000000..ad30538d58 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-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: Border-spacing and 'display: inline' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: inline' elements." /> + <style type="text/css"> + #parent + { + width: 10em; + } + .inline + { + color: white; + display: inline; + } + .test + { + border: 10px solid blue; + border-spacing: 20px; + } + .reference + { + border: 10px solid orange; + } + #spacer + { + margin: 25px; + } + </style> + </head> + <body> + <p>Test passes if the vertical space between the two blue boxes is the same as the space between the two orange boxes.</p> + <div id="parent"> + <div class="inline test">XXXXX</div><div class="inline reference">XXXXX</div> + <div id="spacer"></div> + <div class="inline test">XXXXX</div><div class="inline reference">XXXXX</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-002.xht new file mode 100644 index 0000000000..a3e473ce4c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-002.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: Border-spacing and 'display: block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: block' elements." /> + <style type="text/css"> + div + { + border-spacing: 20px; + display: block; + height: 100px; + width: 100px; + } + #div1 + { + border: 10px solid blue; + } + #div2 + { + border: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</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/tables/border-spacing-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-003.xht new file mode 100644 index 0000000000..4a9e876c81 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-003.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: Border-spacing and 'display: list-item' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: list-item' elements." /> + <style type="text/css"> + div + { + border-spacing: 20px; + display: list-item; + height: 100px; + margin-left: 2em; + width: 100px; + } + #div1 + { + border: 10px solid blue; + } + #div2 + { + border: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if both the blue and orange squares below have marker bullets on the left-hand side and there is no vertical gap between the squares.</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/tables/border-spacing-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-005.xht new file mode 100644 index 0000000000..dba10ab124 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-005.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: Border-spacing and 'display: inline-block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: inline-block' elements." /> + <style type="text/css"> + #parent + { + width: 240px; + } + .inline + { + color: white; + display: inline-block; + height: 100px; + width: 100px; + } + .test + { + border: 10px solid blue; + border-spacing: 20px; + } + .reference + { + border: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if the vertical space between the two blue boxes is the same as the space between the two orange boxes.</p> + <div id="parent"> + <div class="inline test"></div><div class="inline reference"></div> + <div></div> + <div class="inline test"></div><div class="inline reference"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-006.xht new file mode 100644 index 0000000000..6c313c2858 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-006.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: Border-spacing and 'display: table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing applies to 'display: table' elements." /> + <style type="text/css"> + #table + { + border-spacing: 20px; + display: table; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 100px; + width: 100px; + } + .top + { + border: 10px solid blue; + } + .bottom + { + border: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is a blue and orange square below and there is a vertical gap between the squares.</p> + <div id="table"> + <div class="tr"> + <div class="td top"></div> + </div> + <div class="tr"> + <div class="td bottom"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-007.xht new file mode 100644 index 0000000000..8c00ed992e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-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: Border-spacing and 'display: inline-table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing applies to 'display: inline-table' elements." /> + <style type="text/css"> + #table + { + border-spacing: 20px; + display: inline-table; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 100px; + width: 100px; + } + .top + { + border: 10px solid blue; + } + .bottom + { + border: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is a blue and orange square below and there is a vertical gap between the squares.</p> + <div id="table"> + <div class="tr"> + <div class="td top"></div> + </div> + <div class="tr"> + <div class="td bottom"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-008.xht new file mode 100644 index 0000000000..866cacadc8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-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: Border-spacing and 'display: table-row-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: table-row-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .test + { + border-spacing: 20px; + display: table-row-group; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 100px; + width: 100px; + } + .top + { + border: 10px solid blue; + } + .bottom + { + border: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p> + <div id="table"> + <div class="test"> + <div class="tr"> + <div class="td top"></div> + </div> + </div> + <div class="test"> + <div class="tr"> + <div class="td bottom"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-009.xht new file mode 100644 index 0000000000..119d1824c9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-009.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: Border-spacing and 'display: table-header-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: table-header-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .test + { + border-spacing: 20px; + display: table-header-group; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 100px; + width: 100px; + } + .top + { + border: 10px solid blue; + } + .bottom + { + border: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p> + <div id="table"> + <div class="test"> + <div class="tr"> + <div class="td top"></div> + </div> + </div> + <div class="test"> + <div class="tr"> + <div class="td bottom"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-010.xht new file mode 100644 index 0000000000..77b877c99e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-010.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: Border-spacing and 'display: table-footer-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: table-footer-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .test + { + border-spacing: 20px; + display: table-footer-group; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 100px; + width: 100px; + } + .top + { + border: 10px solid orange; + } + .bottom + { + border: 10px solid blue; + } + </style> + </head> + <body> + <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p> + <div id="table"> + <div class="test"> + <div class="tr"> + <div class="td top"></div> + </div> + </div> + <div class="test"> + <div class="tr"> + <div class="td bottom"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-011.xht new file mode 100644 index 0000000000..c56d90e07f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-011.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: Border-spacing and 'display: table-row' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: table-row' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + border-spacing: 20px; + display: table-row; + } + .td + { + display: table-cell; + height: 100px; + width: 100px; + } + .top + { + border: 10px solid blue; + } + .bottom + { + border: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p> + <div id="table"> + <div class="tr"> + <div class="td top"></div> + </div> + <div class="tr"> + <div class="td bottom"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-012.xht new file mode 100644 index 0000000000..a0c7fdca1f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-012.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: Border-spacing and 'display: table-column' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: table-column' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + border-spacing: 20px; + display: table-column; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 100px; + width: 100px; + } + .top + { + border: 10px solid blue; + } + .bottom + { + border: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p> + <div id="table"> + <div id="test"></div> + <div class="tr"> + <div class="td top"></div> + </div> + <div class="tr"> + <div class="td bottom"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-013.xht new file mode 100644 index 0000000000..7ea47daa35 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-013.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: Border-spacing and 'display: table-column-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: table-column-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + border-spacing: 20px; + display: table-column-group; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 100px; + width: 100px; + } + .top + { + border: 10px solid blue; + } + .bottom + { + border: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p> + <div id="table"> + <div id="test"></div> + <div class="tr"> + <div class="td top"></div> + </div> + <div class="tr"> + <div class="td bottom"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-014.xht new file mode 100644 index 0000000000..885924f8c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-014.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: Border-spacing and 'display: table-cell' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: table-cell' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #tr + { + display: table-row; + } + .td + { + border-spacing: 20px; + display: table-cell; + height: 100px; + width: 100px; + } + .left + { + border: 10px solid blue; + } + .right + { + border: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is a blue and orange square below and there is no horizontal gap between the squares.</p> + <div id="table"> + <div id="tr"> + <div class="td left"></div> + <div class="td right"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-015.xht new file mode 100644 index 0000000000..55b68cfe28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-015.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: Border-spacing and 'display: table-caption' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: table-caption' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .caption1, .caption2 + { + border-spacing: 20px; + display: table-caption; + height: 100px; + width: 100px; + } + .caption1 + { + border: 10px solid blue; + } + .caption2 + { + border: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p> + <div id="table"> + <div class="caption1"></div> + <div class="caption2"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-016.xht new file mode 100644 index 0000000000..0536763244 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-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: Border-spacing and 'display: none' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Border-spacing does not apply to 'display: none' elements." /> + <style type="text/css"> + div + { + background: red; + } + div div + { + border: 10px solid red; + border-spacing: 20px; + display: none; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div> + <div></div> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-017.xht new file mode 100644 index 0000000000..efceae58f5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-applies-to-017.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: Border-spacing and 'display: inherit' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: inherit' elements which do not inherit the value of 'table' or 'inline-table'." /> + <style type="text/css"> + #container + { + display: block; + } + .test + { + border-spacing: 20px; + display: inherit; + height: 100px; + width: 100px; + } + .top + { + border: 10px solid blue; + } + .bottom + { + border: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is a blue and orange square below and there is no vertical gap between the squares.</p> + <div id="container"> + <div class="test top"></div> + <div class="test bottom"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-inherited-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-inherited-001.xht new file mode 100644 index 0000000000..34aeb1bb4c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-inherited-001.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: Border-spacing is inherited by default</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Border-spacing is inherited by default." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: black; + height: 1em; + left: 2in; + position: relative; + top: 1in; + width: 1in; + } + #div2 + { + border-spacing: 1in; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + .cell + { + display: table-cell; + font-family: Ahem; + } + </style> + </head> + <body> + <p>Test passes if the middle box is as wide as the space between the first and last boxes.</p> + <div id="div1"></div> + <div id="div2"> + <div id="table"> + <div id="row"> + <div class="cell">XXXXXX</div> + <div class="cell">XXXXXX</div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-001.xht new file mode 100644 index 0000000000..d7886a3869 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-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: Initial value of border-spacing</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Verifies that the initial value of border-spacing is '0'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + } + #tr + { + display: table-row; + } + .td + { + display: table-cell; + font-family: Ahem; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below.</p> + <div id="table"> + <div id="tr"> + <div class="td">XXXXXX</div> + <div class="td">XXXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-002.xht new file mode 100644 index 0000000000..4bed0b4700 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-initial-002.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: CSS table model: initial border-spacing</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/001.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" /> + <style type="text/css"> + .float { float: left; background: red; } + .table { display: table; } + .row { display: table-row; } + .cell { display: table-cell; background: green; color: white; text-align: center; } + </style> + </head> + <body> + <div class="float"> + <div class="cell">THERE</div> + <div class="row"> + <div class="table"> + <div class="cell">SHOULD B</div> + <div class="cell">E N</div> + <div class="cell">O RED</div> + </div> + </div> + <div class="cell">ANYWHERE</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-percentage-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-percentage-001.xht new file mode 100644 index 0000000000..ff30ff84cd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-percentage-001.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: Border-spacing - percentage value does not apply</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/tables.html#separated-borders" /> + <link rel="match" href="../reference/ref-if-there-is-no-red.xht" /> + + <meta content="invalid" name="flags" /> + <meta content="'border-spacing' property does not accept percentage unit." name="assert" /> + + <style type="text/css"><![CDATA[ + table + { + background-color: red; + border-spacing: 0px; + border-spacing: 20%; /* invalid */ + table-layout: fixed; + width: 200px; + } + + td + { + background-color: white; + color: white; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <table> + <tr> + <td>a</td> + <td>b</td> + </tr> + + <tr> + <td>c</td> + <td>d</td> + </tr> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-spacing-values-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-spacing-values-001.xht new file mode 100644 index 0000000000..cdceb14d55 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-spacing-values-001.xht @@ -0,0 +1,64 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 'border-spacing' values are ignored</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="invalid" /> + <meta name="assert" content="The 'border-spacing' property ignores a negative value. In which case, the default 'border-spacing' value as specified in the user agent stylesheet will apply." /> + <style type="text/css"> + #table1 + { + background: blue; + border-spacing: -100px; + } + #table2 + { + background: orange; + } + td + { + height: 50px; + width: 50px; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange squares have the same size.</p> + <table id="table1"> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + <div> </div> + <table id="table2"> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-style-inset-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-style-inset-001.xht new file mode 100644 index 0000000000..d93b81b9d4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-style-inset-001.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: Table-Specific Border Style Behavior (separated border model/inset)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-border-styles" /> + <meta name="assert" content="In the separated border model, the 'inset' border style makes its box looks like it is embedded in the canvas." /> + <style type="text/css"> + table + { + border: 10px inset orange; + border-collapse: separate; + } + td + { + height: 3em; + width: 6em; + } + </style> + </head> + <body> + <p>Test passes if the box below looks like it is embedded into the surface of the page.</p> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-style-inset-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-style-inset-002.xht new file mode 100644 index 0000000000..b2feb525e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-style-inset-002.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: Table-Specific Border Style Behavior (collapsing border model/inset)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-border-styles" /> + <meta name="assert" content="In the collapsing border model, the 'inset' border style looks the same as the 'ridge' border style." /> + <style type="text/css"> + #table1 + { + border-collapse: separate; + } + #table2 + { + border: 30px inset orange; + border-collapse: collapse; + } + td + { + height: 5em; + width: 5em; + } + #table1 td + { + border: 30px ridge orange; + } + #table2 td + { + border: 30px inset orange; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below have identical borders that look as if they are popping out of the canvas.</p> + <table id="table1"> + <tr> + <td> </td> + </tr> + </table> + <div> </div> + <table id="table2"> + <tr> + <td> </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-style-outset-001.xht b/testing/web-platform/tests/css/CSS2/tables/border-style-outset-001.xht new file mode 100644 index 0000000000..5e72867325 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-style-outset-001.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: Table-Specific Border Style Behavior (separated border model/outset)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-border-styles" /> + <meta name="assert" content="In the separated border model, the 'outset' border style makes its box looks like it is standing off of the canvas." /> + <style type="text/css"> + table + { + border: 10px outset orange; + border-collapse: separate; + } + td + { + width: 6em; + height: 3em; + } + </style> + </head> + <body> + <p>Test passes if the box below looks like it sticks out of the surface of the page.</p> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/border-style-outset-002.xht b/testing/web-platform/tests/css/CSS2/tables/border-style-outset-002.xht new file mode 100644 index 0000000000..0f4ed614c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/border-style-outset-002.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: Table-Specific Border Style Behavior (collapsing border model/outset)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-border-styles" /> + <meta name="assert" content="In the collapsing border model, the 'outset' border style looks the same as the 'groove' border style." /> + <style type="text/css"> + #table1 + { + border-collapse: separate; + } + #table2 + { + border: 30px outset orange; + border-collapse: collapse; + } + td + { + height: 5em; + width: 5em; + } + #table1 td + { + border: 30px groove orange; + } + #table2 td + { + border: 30px outset orange; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below have identical borders that look as if they are carved into the canvas.</p> + <table id="table1"> + <tr> + <td></td> + </tr> + </table> + <div> </div> + <table id="table2"> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-position-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/caption-position-001-ref.xht new file mode 100644 index 0000000000..a764e71956 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-position-001-ref.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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; + padding: 1em; + margin-top: 1em; + width: 98px; + } + + table + { + border-spacing: 0px; + table-layout: fixed; + } + + caption {text-align: left;} + + caption#first {margin: 1em 0em;} + + td#second {padding: 1em 0em;} + + td {padding: 0px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the word ABOVE is above the cat image in both rectangles.</p> + + <div> + + <table> + + <caption id="first">ABOVE</caption> + + <tr> + <td><img src="../support/cat.png" alt="Image download support must be enabled" /></td></tr> + + </table> + + </div> + + + <div> + + <table> + + <caption>ABOVE</caption> + + <tr> + + <td id="second"><img src="../support/cat.png" alt="Image download support must be enabled" /></td></tr> + + </table> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-position-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-position-001.xht new file mode 100644 index 0000000000..788d261c74 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-position-001.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: caption-side - CSS caption boxes can be positioned above or below a CSS table-cell</title> + + <!-- + Inspired by http://www.w3.org/Style/Examples/007/figures#top-caption + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" title="17.4 Tables in the visual formatting model" /> + <link rel="match" href="caption-position-001-ref.xht" /> + + <meta content="image" name="flags" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid medium; + padding: 1em; + margin-top: 1em; + width: 98px; + } + + p.table-cell {display: table-cell;} + + p.caption-side-top + { + caption-side: top; + display: table-caption; + } + + p.caption-side-bottom + { + caption-side: bottom; + display: table-caption; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the word ABOVE is above the cat image in both rectangles.</p> + + <div> + <p class="table-cell"><img src="support/cat.png" alt="Image download support must be enabled" /></p> + + <p class="caption-side-top">ABOVE</p> + </div> + + <div> + <p class="caption-side-bottom"><img src="support/cat.png" alt="Image download support must be enabled" /></p> + + <p class="table-cell">ABOVE</p> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-001.xht new file mode 100644 index 0000000000..0f4a6d7c45 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-001.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: Caption-side set to 'top'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <meta name="assert" content="A caption with a 'caption-side' value of 'top' will be positioned above its table." /> + <style type="text/css"> + table + { + background: black; + } + caption + { + caption-side: top; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" appears above the box.</p> + <table> + <caption>Filler Text</caption> + <tr> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-002.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-002.xht new file mode 100644 index 0000000000..ccbe196146 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-002.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: Caption-side set to 'bottom'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <meta name="assert" content="A caption with a 'caption-side' value of 'bottom' will be positioned below its table." /> + <style type="text/css"> + table + { + background: black; + } + caption + { + caption-side: bottom; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" appears below the box.</p> + <table> + <caption>Filler Text</caption> + <tr> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-003.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-003.xht new file mode 100644 index 0000000000..e8a49c986e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-003.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: Caption-side set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <meta name="assert" content="A caption can inherit its 'caption-side' behavior from its table parent." /> + <style type="text/css"> + table + { + background: black; + caption-side: bottom; + } + caption + { + caption-side: inherit; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" appears below the box.</p> + <table> + <caption>Filler Text</caption> + <tr> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-001-ref.html b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-001-ref.html new file mode 100644 index 0000000000..117b41c2ab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-001-ref.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<body> + <p>Test passes if the words "Filler Text" below are all on the same line.</p> + <div>Filler Text Filler Text Filler Text</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-001.xht new file mode 100644 index 0000000000..5aa551686b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-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: Caption-side and 'display: inline' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-001-ref.html" /> + <meta name="assert" content="Caption-side does not apply to 'display: inline' elements." /> + <style type="text/css"> + div div + { + caption-side: bottom; + display: inline; + } + </style> + </head> + <body> + <p>Test passes if the words "Filler Text" below are all on the same line.</p> + <div> + Filler Text + <div>Filler Text</div> + Filler Text + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002-ref.html b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002-ref.html new file mode 100644 index 0000000000..e60406befe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + .blue { + background: blue; + } +</style> +<body> + <p>Test passes if there are three lines of "Filler Text" below and the middle line has a blue background.</p> + <div>Filler Text</div> + <div class="blue">Filler Text</div> + <div>Filler Text</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002.xht new file mode 100644 index 0000000000..5d726017e7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-002.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: Caption-side and 'display: block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-002-ref.html" /> + <meta name="assert" content="Caption-side does not apply to 'display: block' elements." /> + <style type="text/css"> + span + { + background: blue; + caption-side: bottom; + display: block; + } + </style> + </head> + <body> + <p>Test passes if there are three lines of "Filler Text" below and the middle line has a blue background.</p> + <div> + Filler Text + <span>Filler Text</span> + Filler Text + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-003-ref.html b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-003-ref.html new file mode 100644 index 0000000000..87bda4a957 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-003-ref.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + div { + margin-left: 2em; + } + .orange { + background: orange; + display: list-item; + } +</style> +<body> + <p>Test passes if there are three lines of "Filler Text" below and if the middle "Filler Text" has a orange background and a marker bullet on its left-hand side. The marker bullet should not have an orange background.</p> + <div>Filler Text</div> + <div class="orange">Filler Text</div> + <div>Filler Text</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-003.xht new file mode 100644 index 0000000000..1ab2437021 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-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: Caption-side and 'display: list-item' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-003-ref.html" /> + <meta name="assert" content="Caption-side does not apply to 'display: list-item' elements." /> + <style type="text/css"> + div + { + margin-left: 2em; + } + span + { + background: orange; + caption-side: bottom; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there are three lines of "Filler Text" below and if the middle "Filler Text" has a orange background and a marker bullet on its left-hand side. The marker bullet should not have an orange background.</p> + <div> + Filler Text + <span>Filler Text</span> + Filler Text + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-005.xht new file mode 100644 index 0000000000..e48d3072f6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-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: Caption-side and 'display: inline-block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-001-ref.html" /> + <meta name="assert" content="Caption-side does not apply to 'display: inline-block' elements." /> + <style type="text/css"> + div div + { + caption-side: bottom; + display: inline; + } + </style> + </head> + <body> + <p>Test passes if the words "Filler Text" below are all on the same line.</p> + <div> + Filler Text + <div>Filler Text</div> + Filler Text + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-006-ref.html b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-006-ref.html new file mode 100644 index 0000000000..3426468f22 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-006-ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + .box { + background: blue; + height: 1in; + width: 2in; + } +</style> +<body> + <p>Test passes if the "Filler Text" below is below the box.</p> + <div class="box"></div> + <div>Filler Text</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-006.xht new file mode 100644 index 0000000000..1f5a3d9bcc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-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: Caption-side and 'display: table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-006-ref.html" /> + <meta name="assert" content="Caption-side does not apply to 'display: table' elements." /> + <style type="text/css"> + #table + { + background: blue; + caption-side: bottom; + display: table; + } + #caption + { + display: table-caption; + } + #row + { + display: table-row; + } + #cell + { + background: blue; + display: table-cell; + height: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is below the box.</p> + <div id="table"> + <div id="caption">Filler Text</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/tables/caption-side-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-007.xht new file mode 100644 index 0000000000..4d6a5af849 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-007.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: Caption-side and 'display: inline-table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-006-ref.html" /> + <meta name="assert" content="Caption-side does not apply to 'display: inline-table' elements." /> + <style type="text/css"> + #table + { + background: blue; + caption-side: bottom; + display: inline-table; + } + #caption + { + display: table-caption; + } + #row + { + display: table-row; + } + #cell + { + background: blue; + display: table-cell; + height: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is below the box.</p> + <div id="table"> + <div id="caption">Filler Text</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/tables/caption-side-applies-to-008-ref.html b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-008-ref.html new file mode 100644 index 0000000000..7e2af4562f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-008-ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + .box { + background: blue; + height: 1in; + width: 2in; + } +</style> +<body> + <p>Test passes if the "Filler Text" below is above the box.</p> + <div>Filler Text</div> + <div class="box"></div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-008.xht new file mode 100644 index 0000000000..5a037a960d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-008.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: Caption-side and 'display: table-row-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-008-ref.html" /> + <meta name="assert" content="Caption-side does not apply to 'display: table-row-group' elements." /> + <style type="text/css"> + #table + { + background: blue; + display: table; + } + #caption + { + display: table-caption; + } + #test + { + caption-side: bottom; + display: table-row-group; + } + #row + { + display: table-row; + } + #cell + { + background: blue; + display: table-cell; + height: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is above the box.</p> + <div id="table"> + <div id="caption">Filler Text</div> + <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/tables/caption-side-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-009.xht new file mode 100644 index 0000000000..cd4061736f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-009.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: Caption-side and 'display: table-header-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-008-ref.html" /> + <meta name="assert" content="Caption-side does not apply to 'display: table-header-group' elements." /> + <style type="text/css"> + #table + { + background: blue; + display: table; + } + #caption + { + display: table-caption; + } + #test + { + caption-side: bottom; + display: table-header-group; + } + #row + { + display: table-row; + } + #cell + { + background: blue; + display: table-cell; + height: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is above the box.</p> + <div id="table"> + <div id="caption">Filler Text</div> + <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/tables/caption-side-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-010.xht new file mode 100644 index 0000000000..bf7eda6470 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-010.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: Caption-side and 'display: table-footer-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-008-ref.html" /> + <meta name="assert" content="Caption-side does not apply to 'display: table-footer-group' elements." /> + <style type="text/css"> + #table + { + background: blue; + display: table; + } + #caption + { + display: table-caption; + } + #test + { + caption-side: bottom; + display: table-footer-group; + } + #row + { + display: table-row; + } + #cell + { + background: blue; + display: table-cell; + height: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is above the box.</p> + <div id="table"> + <div id="caption">Filler Text</div> + <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/tables/caption-side-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-011.xht new file mode 100644 index 0000000000..7ed7018f59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-011.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: Caption-side and 'display: table-column' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-008-ref.html" /> + <meta name="assert" content="Caption-side does not apply to 'display: table-column' elements." /> + <style type="text/css"> + #table + { + background: blue; + display: table; + } + #column + { + caption-side: bottom; + display: table-column; + } + #caption + { + display: table-caption; + } + #row + { + display: table-row; + } + #cell + { + background: blue; + display: table-cell; + height: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is above the box.</p> + <div id="table"> + <div id="column"></div> + <div id="caption">Filler Text</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/tables/caption-side-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-012.xht new file mode 100644 index 0000000000..88170c3757 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-012.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: Caption-side and 'display: table-row' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-008-ref.html" /> + <meta name="assert" content="Caption-side does not apply to 'display: table-row' elements." /> + <style type="text/css"> + #table + { + background: blue; + display: table; + } + #caption + { + display: table-caption; + } + #row + { + caption-side: bottom; + display: table-row; + } + #cell + { + background: blue; + display: table-cell; + height: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is above the box.</p> + <div id="table"> + <div id="caption">Filler Text</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/tables/caption-side-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-013.xht new file mode 100644 index 0000000000..fbd6b39925 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-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: Caption-side and 'display: table-column-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-008-ref.html" /> + <meta name="assert" content="Caption-side does not apply to 'display: table-column-group' elements." /> + <style type="text/css"> + #table + { + background: blue; + display: table; + table-layout: fixed; + } + #column + { + caption-side: bottom; + display: table-column-group; + } + #caption + { + display: table-caption; + } + #row + { + display: table-row; + } + #cell + { + background: blue; + display: table-cell; + height: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is above the box.</p> + <div id="table"> + <div id="column"></div> + <div id="caption">Filler Text</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/tables/caption-side-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-014.xht new file mode 100644 index 0000000000..300ae9887a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-014.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: Caption-side and 'display: table-cell' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-008-ref.html" /> + <meta name="assert" content="Caption-side does not apply to 'display: table-cell' elements." /> + <style type="text/css"> + #table + { + background: blue; + display: table; + table-layout: fixed; + } + #caption + { + display: table-caption; + } + #row + { + display: table-row; + } + #cell + { + background: blue; + caption-side: bottom; + display: table-cell; + height: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is above the box.</p> + <div id="table"> + <div id="caption">Filler Text</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/tables/caption-side-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-015.xht new file mode 100644 index 0000000000..60092d8982 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-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: Caption-side and 'display: table-caption' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-006-ref.html" /> + <meta name="assert" content="Caption-side applies to 'display: table-caption' elements." /> + <style type="text/css"> + #table + { + background: blue; + display: table; + } + #caption + { + caption-side: bottom; + display: table-caption; + } + #row + { + display: table-row; + } + #cell + { + background: blue; + display: table-cell; + height: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is below the box.</p> + <div id="table"> + <div id="caption">Filler Text</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/tables/caption-side-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-016.xht new file mode 100644 index 0000000000..878d1e55fd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-016.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: Caption-side and 'display: none' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Caption-side does not apply to 'display: none' elements." /> + <style type="text/css"> + div + { + background: red; + caption-side: bottom; + display: none; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017-ref.html b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017-ref.html new file mode 100644 index 0000000000..4a19d9c9f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + div { + background: blue; + width: 2in; + } + .box { + height: 1in; + } +</style> +<body> + <p>Test passes if the "Filler Text" below is inside the box.</p> + <div>Filler Text</div> + <div class="box"></div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017.xht new file mode 100644 index 0000000000..e1398a8c0d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-applies-to-017.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: Caption-side and 'display: inherit' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <link rel="match" href="caption-side-applies-to-017-ref.html" /> + <meta name="assert" content="Caption-side applies to 'display: inherit' elements which do not inherit the value of 'table-caption'." /> + <style type="text/css"> + #table + { + background: blue; + display: table; + } + #caption + { + caption-side: bottom; + display: inherit; + } + #row + { + display: table-row; + } + #cell + { + background: blue; + display: table-cell; + height: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is inside the box.</p> + <div id="table"> + <div id="caption">Filler Text</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/tables/caption-side-example-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-example-001.xht new file mode 100644 index 0000000000..7b114321ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-example-001.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: Caption border and table border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <meta name="assert" content="Caption-side, text-align and width properties of a caption work together as expected (example from section 17.4.1)." /> + <style type="text/css"> + table + { + background-color: blue; + } + caption + { + caption-side: bottom; + text-align: left; + width: auto; + } + td + { + height: 10em; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" is below the blue box and does not extend beyond the boxes right edge.</p> + <table> + <caption>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</caption> + <tr> + <td></td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-inherited-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-inherited-001.xht new file mode 100644 index 0000000000..dd5698040f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-inherited-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: Caption-side is inherited by default</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <meta name="assert" content="Caption-side is inherited by default." /> + <style type="text/css"> + #div1 + { + caption-side: bottom; + } + table + { + background: blue; + } + td + { + height: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the word "BELOW" is below the box.</p> + <div id="div1"> + <table> + <caption>BELOW</caption> + <tr> + <td></td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-side-initial-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-side-initial-001.xht new file mode 100644 index 0000000000..1b03c5cbe3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-side-initial-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: Initial value of 'caption-side'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <meta name="assert" content="The initial value of 'caption-side' is 'top'." /> + <style type="text/css"> + table + { + background: blue; + } + td + { + background: blue; + height: 1in; + width: 2in; + } + </style> + </head> + <body> + <p>Test passes if the word "ABOVE" is above the box.</p> + <table> + <caption>ABOVE</caption> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-001.xht b/testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-001.xht new file mode 100644 index 0000000000..10507c2c22 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-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: Caption border and table border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="A caption has padding, margin and borders independent of those of its parent table." /> + <style type="text/css"> + #table, #caption + { + border: 1px solid black; + padding: 1em; + } + #caption, #cell + { + height: 4em; + width: 4em; + } + #table + { + display: table; + margin-top: 1em; + } + #caption + { + display: table-caption; + margin-bottom: 1em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there are two separate boxes below and the "Filler Text" inside the boxes has the same alignment.</p> + <div id="table"> + <div id="caption">Filler Text</div> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-002.xht b/testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-002.xht new file mode 100644 index 0000000000..2448d35de2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/caption-vs-table-box-002.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: Caption border and inline-table border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="A caption has padding, margin and borders independent of those of its parent inline-table." /> + <style type="text/css"> + #table, #caption + { + border: 1px solid black; + padding: 1em; + } + #caption, #cell + { + height: 4em; + width: 4em; + } + #table + { + display: inline-table; + margin-top: 1em; + } + #caption + { + display: table-caption; + margin-bottom: 1em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there are two separate boxes below and the "Filler Text" inside the boxes has the same alignment.</p> + <div id="table"> + <div id="caption">Filler Text</div> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-001-ref.html b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-001-ref.html new file mode 100644 index 0000000000..38308df01a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-001-ref.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + div { + height: 120px; + width: 220px; + } + .orange { + background: orange; + } + .blue { + background: blue; + } +</style> +<body> + <p>Test passes if the orange and blue boxes below are the same width.</p> + <div class="orange"></div> + <div class="blue"></div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-001.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-001.xht new file mode 100644 index 0000000000..a05b71a932 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-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: Collapsing borders model row width equation (auto layout)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="collapsing-border-model-001-ref.html" /> + <meta name="assert" content="The user agent adheres to the collapsing border model row width equation in auto table layout." /> + <style type="text/css"> + table + { + border: 25px solid red; + border-collapse: collapse; + } + td + { + background: blue; + border: 50px solid blue; + padding: 10px; + width: 100px; + } + #div1 + { + background: orange; + height: 120px; + width: 220px; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue boxes below are the same width.</p> + <div id="div1"></div> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-002.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-002.xht new file mode 100644 index 0000000000..d7b2527840 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-002.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: Collapsing borders model row width equation (auto layout) - subsequent rows with wider borders variation</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="assert" content="Rows which have wider borders than those of the first table row have their borders spill into the table margins." /> + <style type="text/css"> + table + { + border: 10px solid red; + border-collapse: collapse; + margin: 15px; + } + td + { + background: blue; + border: 20px solid blue; + padding: 20px; + } + .cell + { + border: 50px solid black; + } + div + { + background: blue; + position: absolute; + } + </style> + </head> + <body> + <p>Test passes if the top and bottom blue boxes are the same width as the black box, and there is no red visible on the page.</p> + <div> + <table> + <tr> + <td></td> + <td></td> + </tr> + <tr> + <td class="cell"></td> + <td class="cell"></td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-003-ref.html b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-003-ref.html new file mode 100644 index 0000000000..c9c30c2a3d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-003-ref.html @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reference</title> +<style> + div { + height: 1.5in; + width: 100px; + } + .orange { + background: orange; + } + .blue { + background: blue; + width: 50px; + float: right; + } +</style> +<body> + <p>Test passes if the orange and blue boxes below are the same height.</p> + <div class="orange"><div class="blue"></div></div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-003.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-003.xht new file mode 100644 index 0000000000..15fc22cf9f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-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: Top table border width under collapsing borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="collapsing-border-model-003-ref.html" /> + <meta name="assert" content="The top border width of the table is half of the maximum collapsed top border width." /> + <style type="text/css"> + table + { + background: orange; + border-collapse: collapse; + } + tr + { + height: 1in; + } + td + { + border-top: 1in solid orange; + padding: 0; + width: 50px; + } + #div1 + { + background: blue; + height: 1.5in; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue boxes below are the same height.</p> + <div id="div1"> + <table> + <tr> + <td></td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-004.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-004.xht new file mode 100644 index 0000000000..5701e4b6ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-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"> + <head> + <title>CSS Test: Tables under the collapsing borders model don't have padding</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="collapsing-border-model-001-ref.html" /> + <meta name="assert" content="Padding doesn't apply to a table under the collapsing border model." /> + <style type="text/css"> + table + { + border: 25px solid red; + border-collapse: collapse; + padding: 10px; + } + td + { + background: blue; + border: 50px solid blue; + padding: 10px; + width: 100px; + } + #div1 + { + background: orange; + height: 120px; + width: 220px; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue boxes below are the same width.</p> + <div id="div1"></div> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-005.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-005.xht new file mode 100644 index 0000000000..8c3b606ba6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-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: Table borders overflowing the table container</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="assert" content="Borders that spill into a table margin can overflow that table's container." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + background: black; + height: 1em + } + #div1 + { + background: black; + width: 2em; + } + #cell + { + border-left: 1em solid black; + border-right: 1em solid black; + } + </style> + </head> + <body> + <p>Test passes if the upper-left corner of the box below is missing.</p> + <div id="div1"> + <table> + <tr> + <td></td> + </tr> + <tr> + <td id="cell"></td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-006.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-006.xht new file mode 100644 index 0000000000..26cdb9bc1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-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: Table borders overflowing the table container (rtl)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="assert" content="Borders that spill into a table margin can overflow that table's container." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + background: black; + height: 1em + } + #div1 + { + background: black; + direction: rtl; + width: 2em; + } + #cell + { + border-left: 1em solid black; + border-right: 1em solid black; + } + </style> + </head> + <body> + <p>Test passes if the upper-right corner of the box below is missing.</p> + <div id="div1"> + <table> + <tr> + <td></td> + </tr> + <tr> + <td id="cell"></td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-007.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-007.xht new file mode 100644 index 0000000000..ff7fd84a44 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-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: Left table border width under collapsing borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="collapsing-border-model-001-ref.html" /> + <meta name="assert" content="The left border width of the table is half of the first cell's collapsed left border width." /> + <style type="text/css"> + table + { + background: blue; + border-collapse: collapse; + } + col + { + width: 165px; + } + td, #div1 + { + height: 120px; + } + td + { + width: 110px; + border-left: 110px solid blue; + padding: 0; + } + #div1 + { + background: orange; + width: 220px; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue boxes below are the same width.</p> + <div id="div1"></div> + <table> + <col /> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-008.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-008.xht new file mode 100644 index 0000000000..c9ab0b231e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-008.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: Right table border width under collapsing borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="collapsing-border-model-001-ref.html" /> + <meta name="assert" content="The right border width of the table is half of the collapsed right border width of the last cell of the first row." /> + <style type="text/css"> + table + { + background: blue; + border-collapse: collapse; + } + col + { + width: 165px; + } + td, #div1 + { + height: 120px; + } + td + { + width: 110px; + border-right: 110px solid blue; + padding: 0; + } + #div1 + { + background: orange; + width: 220px; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue boxes below are the same width.</p> + <div id="div1"></div> + <table> + <col /> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-009.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-009.xht new file mode 100644 index 0000000000..e85671f44a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-009.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: Bottom table border width under collapsing borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <link rel="match" href="collapsing-border-model-003-ref.html" /> + <meta name="assert" content="The bottom border width of the table is half of the maximum collapsed bottom border width." /> + <style type="text/css"> + table + { + background: orange; + border-collapse: collapse; + } + tr + { + height: 1in; + } + td + { + border-bottom: 1in solid orange; + padding: 0; + width: 50px; + } + #div1 + { + background: blue; + height: 1.5in; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue boxes below are the same height.</p> + <div id="div1"> + <table> + <tr> + <td></td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010a.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010a.xht new file mode 100644 index 0000000000..dc3072cef6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010a.xht @@ -0,0 +1,89 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: border-collapse - 'border-spacing' does not apply to 'border-collapse: collapse' tables</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/tables.html#collapsing-borders" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="'border-spacing' property only applies to tables applying the 'border-collapse: separate' model. When an HTML/XHTML table applies the 'border-collapse: collapse' model, then any 'border-spacing' declaration is ignored." /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + table + { + background-color: red; + border-collapse: collapse; + border-spacing: 50px; + color: green; + font: 1em/1 Ahem; + } + + td + { + background-color: green; + border: 0.5em solid green; + padding: 5px; + } + + tbody > tr > td, tr > td:first-child {padding: 0px;} + ]]></style> + + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + + <thead> + <tr> + <td>1</td> <td>2</td> <td>3</td> + </tr> + </thead> + + <tfoot> + <tr> + <td>7</td> <td>8</td> <td>9</td> + </tr> + </tfoot> + + <tbody> + <tr> + <td>4</td> <td>5</td> <td>6</td> + </tr> + </tbody> + + </table> + + <!-- + + 1st col 2nd col 3rd col + + 8 8 8 + 0 5 5 + 8 0 16 0 8 5 16 5 8 5 16 5 8 thead == 100px + 0 5 5 + 8 8 8 + 0 0 0 + 8 0 16 0 8 0 16 0 8 0 16 0 8 tbody == 100px + 0 0 0 + 8 8 8 + 0 5 5 + 8 0 16 0 8 5 16 5 8 5 16 5 8 tfoot == 100px + 0 5 5 + 8 8 8 + ==================================================== + 100px 100px 100px + + --> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010b.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010b.xht new file mode 100644 index 0000000000..7b341ae945 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-border-model-010b.xht @@ -0,0 +1,98 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: border-collapse - 'border-spacing' does not apply to 'border-collapse: collapse' tables</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/tables.html#collapsing-borders" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="'border-spacing' property only applies to tables applying the 'border-collapse: separate' model. When a CSS table applies the 'border-collapse: collapse' model, then any 'border-spacing' declaration is ignored." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#table + { + background-color: red; + border-collapse: collapse; + border-spacing: 50px; + color: green; + float: left; /* so that the CSS table only uses shrink-to-fit width */ + font: 1em/1 Ahem; + } + + div#table-header {display: table-header-group;} + + div#table-footer {display: table-footer-group;} + + div#table-body {display: table-row-group;} + + div.table-row {display: table-row;} + + div.table-cell + { + background-color: green; + border: 0.5em solid green; + display: table-cell; + padding: 5px; + } + + div#table-body div.table-cell, div.table-row > div:first-child {padding: 0px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="table"> + + <div id="table-header"> + <div class="table-row"> + <div class="table-cell">1</div> <div class="table-cell">2</div> <div class="table-cell">3</div> + </div> + </div> + + <div id="table-footer"> + <div class="table-row"> + <div class="table-cell">7</div> <div class="table-cell">8</div> <div class="table-cell">9</div> + </div> + </div> + + <div id="table-body"> + <div class="table-row"> + <div class="table-cell">4</div> <div class="table-cell">5</div> <div class="table-cell">6</div> + </div> + </div> + + </div> + + <!-- + + 1st col 2nd col 3rd col + + 8 8 8 + 0 5 5 + 8 0 16 0 8 5 16 5 8 5 16 5 8 thead == 100px + 0 5 5 + 8 8 8 + 0 0 0 + 8 0 16 0 8 0 16 0 8 0 16 0 8 tbody == 100px + 0 0 0 + 8 8 8 + 0 5 5 + 8 0 16 0 8 5 16 5 8 5 16 5 8 tfoot == 100px + 0 5 5 + 8 8 8 + ==================================================== + 100px 100px 100px + + --> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-001.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-001.xht new file mode 100644 index 0000000000..8ffc959ccc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-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: All of a cell border can be specified</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="assert" content="The borders for all four sides of a specific table cell can be specified under the collapsing border model." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 1px solid black; + height: 50px; + width: 50px; + } + #cell + { + border: 10px solid blue; + } + </style> + </head> + <body> + <p>Test passes if there is a blue border around the middle cell in the three-by-three table below.</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td id="cell"></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-002.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-002.xht new file mode 100644 index 0000000000..489f6a9736 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-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: Part of a cell border can be specified</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="assert" content="The border for a specific table cell can be specified under the collapsing border model." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 1px solid black; + height: 50px; + width: 50px; + } + #cell + { + border-top: 10px solid blue; + } + </style> + </head> + <body> + <p>Test passes if there is a blue border across the top of the middle cell in the three-by-three table below.</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td id="cell"></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-003.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-003.xht new file mode 100644 index 0000000000..ba5f79c32b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-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: All of a row border can be specified</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="assert" content="The borders for all four sides of a specific table row can be specified under the collapsing border model." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 1px solid black; + height: 50px; + width: 50px; + } + #row + { + border: 10px solid blue; + } + </style> + </head> + <body> + <p>Test passes if there is a blue border around the middle row in the three-by-three table below.</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr id="row"> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-004.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-004.xht new file mode 100644 index 0000000000..b7b45bf282 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-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: Part of a row border can be specified</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="assert" content="The border for a specific table row can be specified under the collapsing border model." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 1px solid black; + height: 50px; + width: 50px; + } + #row + { + border-top: 10px solid blue; + } + </style> + </head> + <body> + <p>Test passes if there is a blue border across the top of the middle row in the three-by-three table below.</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr id="row"> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-005.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-005.xht new file mode 100644 index 0000000000..f502343916 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-005.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: All of a row group border can be specified</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="assert" content="The borders for all four sides of a specific table row group can be specified under the collapsing border model." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 1px solid black; + height: 50px; + width: 50px; + } + #tbody + { + border: 10px solid blue; + } + </style> + </head> + <body> + <p>Test passes if there is a blue border around the middle row in the three-by-three table below.</p> + <table> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + <tbody id="tbody"> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-006.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-006.xht new file mode 100644 index 0000000000..01ed329a5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-006.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: Part of a row group border can be specified</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="assert" content="The border for a specific table row group can be specified under the collapsing border model." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 1px solid black; + height: 50px; + width: 50px; + } + #tbody + { + border-top: 10px solid blue; + } + </style> + </head> + <body> + <p>Test passes if there is a blue border across the top of the middle row in the three-by-three table below.</p> + <table> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + <tbody id="tbody"> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-007.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-007.xht new file mode 100644 index 0000000000..1e66035abb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-007.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: All of a column border can be specified</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="assert" content="The borders for all four sides of a specific table column can be specified under the collapsing border model." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 1px solid black; + height: 50px; + width: 50px; + } + #col + { + border: 10px solid blue; + } + </style> + </head> + <body> + <p>Test passes if there is a blue border around the middle column in the three-by-three table below.</p> + <table> + <col /> + <col id="col" /> + <col /> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-008.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-008.xht new file mode 100644 index 0000000000..ff731fa6aa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-008.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: Part of a column border can be specified</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="assert" content="The border of a specific table column can be specified under the collapsing border model." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 1px solid black; + height: 50px; + width: 50px; + } + #col + { + border-top: 10px solid blue; + } + </style> + </head> + <body> + <p>Test passes if there is a blue border across the top of the middle column in the three-by-three table below.</p> + <table> + <col /> + <col id="col" /> + <col /> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-009.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-009.xht new file mode 100644 index 0000000000..fcfc65e31c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-009.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: All of a column group border can be specified</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="assert" content="The borders of all four sides of a specific table column group can be specified under the collapsing border model." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 1px solid black; + height: 50px; + width: 50px; + } + #colgroup + { + border: 10px solid blue; + } + </style> + </head> + <body> + <p>Test passes if there is a blue border around the middle column in the three-by-three table below.</p> + <table> + <colgroup> + <col /> + </colgroup> + <colgroup id="colgroup"> + <col /> + </colgroup> + <colgroup> + <col /> + </colgroup> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-010.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-010.xht new file mode 100644 index 0000000000..72f75a6398 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-010.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: Part of a column group border can be specified</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="assert" content="The border of a specific table column group can be specified under the collapsing border model." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 1px solid black; + height: 50px; + width: 50px; + } + #colgroup + { + border-top: 10px solid blue; + } + </style> + </head> + <body> + <p>Test passes if there is a blue border across the top of the middle column in the three-by-three table below.</p> + <table> + <colgroup> + <col /> + </colgroup> + <colgroup id="colgroup"> + <col /> + </colgroup> + <colgroup> + <col /> + </colgroup> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-011.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-011.xht new file mode 100644 index 0000000000..31ce251949 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-011.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 Test: All of table header group border can be specified</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/tables.html#collapsing-borders" title="17.6.2 The collapsing border model" /> + + <meta name="assert" content="The borders for all four sides of a table header group can be specified under the collapsing border model." /> + + <style type="text/css"><![CDATA[ + table {border-collapse: collapse;} + + td + { + border: black solid 1px; + height: 50px; + width: 50px; + } + + thead {border: blue solid 10px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a blue border around the topmost row of a three-by-three table. There should be no blue anywhere else.</p> + + <table> + <thead> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </thead> + + <tfoot> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tfoot> + + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-012.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-012.xht new file mode 100644 index 0000000000..c795316304 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-012.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 Test: Part of table header group border can be specified</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/tables.html#collapsing-borders" title="17.6.2 The collapsing border model" /> + + <meta name="assert" content="A specific side of a table header group can be specified under the collapsing border model." /> + + <style type="text/css"><![CDATA[ + table {border-collapse: collapse;} + + td + { + border: black solid 1px; + height: 50px; + width: 50px; + } + + thead {border-bottom: blue solid 10px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a blue border across the top of the middle row of a three-by-three table. There should be no blue anywhere else.</p> + + <table> + <thead> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </thead> + + <tfoot> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tfoot> + + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-013.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-013.xht new file mode 100644 index 0000000000..df0d3f2f86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-013.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 Test: All of table footer group border can be specified</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/tables.html#collapsing-borders" title="17.6.2 The collapsing border model" /> + + <meta name="assert" content="The borders for all four sides of a table footer group can be specified under the collapsing border model." /> + + <style type="text/css"><![CDATA[ + table {border-collapse: collapse;} + + td + { + border: black solid 1px; + height: 50px; + width: 50px; + } + + tfoot {border: blue solid 10px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a blue border around the bottommost row of a three-by-three table. There should be no blue anywhere else.</p> + + <table> + <thead> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </thead> + + <tfoot> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tfoot> + + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-014.xht b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-014.xht new file mode 100644 index 0000000000..749f7a894d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/collapsing-table-borders-014.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 Test: Part of table footer group border can be specified</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/tables.html#collapsing-borders" title="17.6.2 The collapsing border model" /> + + <meta name="assert" content="A specific side of a table header group can be specified under the collapsing border model." /> + + <style type="text/css"><![CDATA[ + table {border-collapse: collapse;} + + td + { + border: black solid 1px; + height: 50px; + width: 50px; + } + + tfoot {border-top: blue solid 10px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a blue border across the bottom of the middle row of a three-by-three table. There should be no blue anywhere else.</p> + + <table> + <thead> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </thead> + + <tfoot> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tfoot> + + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/column-background-001.xht b/testing/web-platform/tests/css/CSS2/tables/column-background-001.xht new file mode 100644 index 0000000000..ddd5827eb3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-background-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: Column background property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" /> + <meta name="assert" content="A background can be set on a table column." /> + <style type="text/css"> + #table + { + background: blue; + display: table; + } + #col + { + background: orange; + display: table-column; + } + #row + { + display: table-row; + } + #row div + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue box is to the right of the orange box.</p> + <div id="table"> + <div id="col"></div> + <div id="row"> + <div></div> + <div></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/column-background-002.xht b/testing/web-platform/tests/css/CSS2/tables/column-background-002.xht new file mode 100644 index 0000000000..4891d21e46 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-background-002.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: Column-group background property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" /> + <meta name="assert" content="A background can be set on a table column group." /> + <style type="text/css"> + #table + { + background: orange; + display: table; + } + #columngroup1, #columngroup2 + { + display: table-column-group; + } + #columngroup2 + { + background: blue; + } + .column + { + display: table-column; + } + #row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue box is to the right of the orange box.</p> + <div id="table"> + <div id="columngroup1"> + <div class="column"></div> + </div> + <div id="columngroup2"> + <div class="column"></div> + </div> + <div id="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/tables/column-border-001.xht b/testing/web-platform/tests/css/CSS2/tables/column-border-001.xht new file mode 100644 index 0000000000..bfb53b4787 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-border-001.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: Column border property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" /> + <meta name="assert" content="A border can be set on a table column." /> + <style type="text/css"> + .table + { + background: black; + border-collapse: collapse; + display: table; + } + .column + { + border: 5px dotted green; + display: table-column; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 0.25in; + width: 0.5in; + } + </style> + </head> + <body> + <p>Test passes if the left half of the black box below has green dotted border.</p> + <div class="table"> + <div class="column"></div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/column-border-002.xht b/testing/web-platform/tests/css/CSS2/tables/column-border-002.xht new file mode 100644 index 0000000000..ea3d8ad2b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-border-002.xht @@ -0,0 +1,77 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Column-group border property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" /> + <meta name="assert" content="A border can be set on a table column group." /> + <style type="text/css"> + .table + { + background: black; + border-collapse: collapse; + display: table; + } + .cg1 + { + border: 5px dotted green; + display: table-column-group; + } + .cg2 + { + display: table-column-group; + } + .col + { + display: table-column; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 0.25in; + width: 0.25in; + } + </style> + </head> + <body> + <p>Test passes if the left half of the black box below has green dotted border.</p> + <div class="table"> + <div class="cg1"> + <div class="col"></div> + <div class="col"></div> + </div> + <div class="cg2"> + <div class="col"></div> + <div class="col"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-001.xht b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-001.xht new file mode 100644 index 0000000000..d2a34ab985 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-001.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: Horizontal alignment in a column 'text-align' set to 'left'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#column-alignment" /> + <meta name="assert" content="The 'text-align' property horizontally aligns cell content." /> + <style type="text/css"> + table + { + text-align: center; + } + td + { + border: 2px solid blue; + height: 120px; + text-align: left; + width: 120px; + } + </style> + </head> + <body> + <p>Test passes if "Filler Text" below is aligned to the left within the box.</p> + <table> + <tr> + <td>Filler Text</td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-002.xht b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-002.xht new file mode 100644 index 0000000000..2ec1f9fa36 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-002.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: Horizontal alignment in a column 'text-align' set to 'right'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#column-alignment" /> + <meta name="assert" content="The 'text-align' property horizontally aligns cell content." /> + <style type="text/css"> + table + { + text-align: center; + } + td + { + border: 2px solid blue; + height: 120px; + text-align: right; + width: 120px; + } + </style> + </head> + <body> + <p>Test passes if "Filler Text" below is aligned to the right within the box.</p> + <table> + <tr> + <td>Filler Text</td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-003.xht b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-003.xht new file mode 100644 index 0000000000..e2be7ef728 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-003.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: Horizontal alignment in a column 'text-align' set to 'center'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#column-alignment" /> + <meta name="assert" content="The 'text-align' property horizontally aligns cell content." /> + <style type="text/css"> + table + { + text-align: left; + } + td + { + border: 2px solid blue; + height: 120px; + text-align: center; + width: 120px; + } + </style> + </head> + <body> + <p>Test passes if "Filler Text" below is horizontally centered within the box.</p> + <table> + <tr> + <td>Filler Text</td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-004.xht b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-004.xht new file mode 100644 index 0000000000..42b960f714 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-004.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: Horizontal alignment in a column 'text-align' set to 'justify'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#column-alignment" /> + <meta name="assert" content="The 'text-align' property horizontally aligns cell content." /> + <style type="text/css"> + table + { + text-align: center; + } + td + { + border: 2px solid blue; + height: 120px; + text-align: justify; + width: 120px; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is horizontally justified within the box.</p> + <table> + <tr> + <td>Filler Text Filler Text</td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-005.xht b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-005.xht new file mode 100644 index 0000000000..ac6d524794 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-horizontal-alignment-005.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: Horizontal alignment in a column 'text-align' set to 'inherit' ('center')</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#column-alignment" /> + <meta name="assert" content="The 'text-align' property horizontally aligns cell content." /> + <style type="text/css"> + table + { + text-align: center; + } + td + { + border: 2px solid blue; + height: 120px; + text-align: inherit; + width: 120px; + } + </style> + </head> + <body> + <p>Test passes if "Filler Text" below is horizontally centered within the box.</p> + <table> + <tr> + <td>Filler Text</td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/column-visibility-001.xht b/testing/web-platform/tests/css/CSS2/tables/column-visibility-001.xht new file mode 100644 index 0000000000..d9cb92631f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-visibility-001.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: Column visibility property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" /> + <meta name="assert" content="Visibility can be set on a table column." /> + <style type="text/css"> + #table + { + display: table; + background: black; + } + .col, #col1 + { + display: table-column; + } + #col1 + { + visibility: collapse; + } + .tr + { + display: table-row; + } + .td1, .td2 + { + display: table-cell; + } + .td2 + { + background: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div class="col"></div> + <div id="col1"></div> + <div class="col"></div> + <div class="tr"> + <div class="td1">Filler Text</div> + <div class="td2">This test failed.</div> + <div class="td1">Filler Text</div> + </div> + <div class="tr"> + <div class="td1">Filler Text</div> + <div class="td2">This test failed.</div> + <div class="td1">Filler Text</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/column-visibility-002.xht b/testing/web-platform/tests/css/CSS2/tables/column-visibility-002.xht new file mode 100644 index 0000000000..c69c5c2816 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-visibility-002.xht @@ -0,0 +1,64 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Column group visibility property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" /> + <meta name="assert" content="Visibility can be set on a table column group." /> + <style type="text/css"> + #table + { + display: table; + } + .cg1, .cg2 + { + display: table-column-group; + } + .cg2 + { + visibility: collapse; + } + .col + { + display: table-column; + } + .tr + { + display: table-row; + } + .td1, .td2 + { + display: table-cell; + } + .td2 + { + background: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div class="cg1"> + <div class="col"></div> + <div class="col"></div> + </div> + <div class="cg2"> + <div class="col"></div> + <div class="col"></div> + </div> + <div class="tr"> + <div class="td1">Filler Text</div> + <div class="td1">Filler Text</div> + <div class="td2">This test</div> + <div class="td2">failed.</div> + </div> + <div class="tr"> + <div class="td1">Filler Text</div> + <div class="td1">Filler Text</div> + <div class="td2">This test</div> + <div class="td2">failed.</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/column-visibility-003.xht b/testing/web-platform/tests/css/CSS2/tables/column-visibility-003.xht new file mode 100644 index 0000000000..aa315cf20d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-visibility-003.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: Spanning cell that intersects a 'visibility: collapse' column</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Contents of a spanned cell which intersect with a collapsed column are clipped." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + font: 128px/1 Ahem; + } + col#collapsed-column + { + visibility: collapse; + } + td + { + color: green; + padding: 0; + width: 1em; + } + .column-intersection + { + color: red; + } + </style> + </head> + <body> + <p>Test passes if there is a green square below and no red visible on the page.</p> + <table> + <col /> + <col /> + <col id="collapsed-column" /> + <col /> + <tr> + <td></td> + <td colspan="2">P<span class="column-intersection">F</span></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td class="column-intersection">F</td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/column-visibility-004-ref.xht b/testing/web-platform/tests/css/CSS2/tables/column-visibility-004-ref.xht new file mode 100644 index 0000000000..9b706a27fa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-visibility-004-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[ + div + { + background-color: green; + height: 100px; + margin-left: 104px; + + /* + + 2px : left border-spacing + + + 100px : width of first cell + + + 2px : border-spacing between first cell and second cell + ======== + 104px + + */ + + margin-top: 18px; + /* max(p's margin-bottom, top border-spacing + p's margin-bottom) */ + width: 100px; + } + ]]></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/tables/column-visibility-004.xht b/testing/web-platform/tests/css/CSS2/tables/column-visibility-004.xht new file mode 100644 index 0000000000..60d233fa94 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-visibility-004.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: Spanning cell that intersects a 'visibility: collapse' column</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" title="17.5.5 Dynamic row and column effects" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" /> + <link rel="match" href="column-visibility-004-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Contents of a spanned cell which intersect with a collapsed column are clipped." /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + table {font: 100px/1 Ahem;} + + col#collapsed-column {visibility: collapse;} + + td + { + color: green; + padding: 0; + width: 1em; + } + + .column-intersection {color: red;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <col></col> + <col id="collapsed-column"></col> + <col></col> + <col></col> + + <tr> + <td></td> + <td colspan="2"><span class="column-intersection">F</span>P</td> + <td></td> + </tr> + + <tr> + <td></td> + <td class="column-intersection">F</td> + <td></td> + <td></td> + </tr> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/column-width-001.xht b/testing/web-platform/tests/css/CSS2/tables/column-width-001.xht new file mode 100644 index 0000000000..894c50c9ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-width-001.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: Column with 'width' property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" /> + <meta name="assert" content="Width can be set on a table column." /> + <style type="text/css"> + #table + { + display: table; + } + #column + { + background: orange; + display: table-column; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + width: 0.5in; + } + #div1 + { + background: blue; + } + #div1, #cell + { + height: 1in; + } + #column, #div1 + { + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue boxes below are the same width.</p> + <div id="table"> + <div id="column"></div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/column-width-002.xht b/testing/web-platform/tests/css/CSS2/tables/column-width-002.xht new file mode 100644 index 0000000000..29da59735a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/column-width-002.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: Column-group width property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" /> + <meta name="assert" content="Width can be set on a table column group." /> + <style type="text/css"> + #table + { + display: table; + } + #colgroup + { + background: orange; + display: table-column-group; + width: 1in; + } + #col + { + display: table-column; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 1in; + width: 0.5in; + } + #div1 + { + background: blue; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue boxes below are the same width.</p> + <div id="table"> + <div id="colgroup"> + <div id="col"></div> + </div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/columns-001.xht b/testing/web-platform/tests/css/CSS2/tables/columns-001.xht new file mode 100644 index 0000000000..e09d898f7f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/columns-001.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: Properties that apply to columns</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="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/columns/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" /> + <style type="text/css"> + table { border-collapse: collapse; color: green; } + col { width: 10em; background: lime; border: 0.5em solid blue; color: red; } + .container { margin: 1em; } + .a { visibility: collapse; } + .fail { background: red; color: yellow; font-weight: bold } + </style> + </head> + <body> + <p>There should be two identical blue-bordered lime-green boxes touching below, but no red.</p> + <div class="container"> + <table> + <col class=""/> <col class="a"/> <col class=""/> + <tr> + <td>BOX</td> + <td class="fail"> FAIL </td> + <td>BOX</td> + </tr> + </table> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/data-alignment-001.xht b/testing/web-platform/tests/css/CSS2/tables/data-alignment-001.xht new file mode 100644 index 0000000000..6558727c2d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/data-alignment-001.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: Aligning Table Data (cell data is vertically aligned)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="Cell data can be vertically aligned." /> + <style type="text/css"> + table + { + border: solid; + } + td + { + height: 10em; + vertical-align: bottom; + width: 10em; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" is at the bottom of the box below.</p> + <table> + <tr> + <td>Filler Text</td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/data-alignment-002.xht b/testing/web-platform/tests/css/CSS2/tables/data-alignment-002.xht new file mode 100644 index 0000000000..be66863133 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/data-alignment-002.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: Aligning Table Data (cell data is horizontally aligned)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="Cell data can be horizontally aligned." /> + <style type="text/css"> + table + { + border: solid; + } + td + { + height: 10em; + text-align: center; + width: 10em; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" is horizontally centered within the box below.</p> + <table> + <tr> + <td>Filler Text</td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/data-alignment-003.xht b/testing/web-platform/tests/css/CSS2/tables/data-alignment-003.xht new file mode 100644 index 0000000000..e1ace72ed6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/data-alignment-003.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: Aligning Table Data (row data is aligned)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="Cell data in a row can be horizontally and vertically aligned." /> + <style type="text/css"> + tr + { + vertical-align: middle; + text-align: center; + } + td + { + width: 10em; + height: 10em; + border: solid; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" is horizontally and vertically centered in each of the boxes below.</p> + <table> + <tr> + <td>Filler Text</td> + <td>Filler Text</td> + <td>Filler Text</td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/data-alignment-004.xht b/testing/web-platform/tests/css/CSS2/tables/data-alignment-004.xht new file mode 100644 index 0000000000..c27b455ff2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/data-alignment-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: Aligning Table Data (column data is aligned)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="Alignment of cell data in a column is achieved by specifying alignment properties on the cells themselves, and not on the column element directly." /> + <style type="text/css"> + col + { + text-align: center; + vertical-align: middle; + } + td + { + border: solid; + height: 10em; + text-align: left; + vertical-align: top; + width: 10em; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" is in the top-left corner of each of the boxes below.</p> + <table> + <col /> + <tr> + <td>Filler Text</td> + </tr> + <tr> + <td>Filler Text</td> + </tr> + <tr> + <td>Filler Text</td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cell-visibility-hidden-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cell-visibility-hidden-001.xht new file mode 100644 index 0000000000..6ea257ee3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cell-visibility-hidden-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: Cell with hidden visibility content as an empty cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="A cell with 'visibility: hidden' is considered an empty cell." /> + <style type="text/css"> + table + { + background: green; + empty-cells: hide; + } + td + { + background: red; + color: green; + height: 100px; + visibility: hidden; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a box below and there is no red visible on the page.</p> + <table> + <tr> + <td>X</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-001.xht new file mode 100644 index 0000000000..4b298fe2b9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-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: Empty-cells set to 'show'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="An 'empty-cells' value of 'show' allows cells without content to have visible backgrounds and borders." /> + <style type="text/css"> + td + { + color: white; + } + .empty + { + background-color: black; + border: 10px solid black; + empty-cells: show; + } + </style> + </head> + <body> + <p>Test passes if three boxes appear below.</p> + <table> + <tr> + <td class="empty"></td> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td class="empty"></td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + <td class="empty"></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-002.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-002.xht new file mode 100644 index 0000000000..fedae755c8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-002.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: Empty-cells set to 'hide'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="An 'empty-cells' value of 'hide' prevents cells without content from having visible backgrounds and borders." /> + <style type="text/css"> + .empty + { + background-color: red; + border: 10px solid red; + empty-cells: hide; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td class="empty"></td> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td class="empty"></td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + <td class="empty"></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-003.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-003.xht new file mode 100644 index 0000000000..52a1205230 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-003.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: Empty-cells set to inherit</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="A cell can inherit its empty-cells behavior from its row parent container." /> + <style type="text/css"> + tr + { + empty-cells: hide; + } + .empty + { + background-color: red; + border: 10px solid red; + empty-cells: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td class="empty"></td> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td class="empty"></td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + <td class="empty"></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-004.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-004.xht new file mode 100644 index 0000000000..b38ecffdce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-004.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: CSS table model: empty-cells: Text</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <style type="text/css"> + table { background: red; border-spacing: 0; } + td { empty-cells: hide; background: green; color: white; } + </style> + </head> + <body> + <p>There should be a green block below with the word TEST.</p> + <table><tr><td>TEST</td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-005.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-005.xht new file mode 100644 index 0000000000..c44056812f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-005.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: CSS table model: empty-cells: NBSPs</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <style type="text/css"> + table { background: red; border-spacing: 0; } + td { empty-cells: hide; background: green; color: white; } + </style> + </head> + <body> + <p>There should be a green block below.</p> + <table><tr><td> </td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-006.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-006.xht new file mode 100644 index 0000000000..acc65b88b9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-006.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: CSS table model: empty-cells: white-space pre</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <style type="text/css"> + table { background: red; border-spacing: 0; } + td { empty-cells: hide; background: green; color: white; white-space: pre; } + </style> + </head> + <body> + <p>There should be a green block below.</p> + <table><tr><td> </td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-007.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-007.xht new file mode 100644 index 0000000000..6429b5a23a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-007.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: CSS table model: empty-cells: zero-height 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/table/empty-cells/004.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <style type="text/css"> + table { background: red; border-spacing: 0; } + td { empty-cells: hide; background: green; color: white; padding: 0.5em 2em; } + img { height: 0; width: 0; display: block; } + </style> + </head> + <body> + <p>There should be a green block below.</p> + <table><tr><td><img src="support/1x1-red.png" alt="Image download support must be enabled"/></td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-008.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-008.xht new file mode 100644 index 0000000000..73ed7ea005 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-008.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: CSS table model: empty-cells: zero-height inline 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/table/empty-cells/005.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <style type="text/css"> + table { background: red; border-spacing: 0; } + td { empty-cells: hide; background: green; color: white; padding: 0 2em; } + img { height: 0; width: 0; display: inline; } + </style> + </head> + <body> + <p>There should be a green block below.</p> + <table><tr><td><img src="support/1x1-red.png" alt="Image download support must be enabled"/></td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-009.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-009.xht new file mode 100644 index 0000000000..91f0b5de02 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-009.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: CSS table model: empty-cells: inlines</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/006.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <style type="text/css"> + table { background: red; border-spacing: 0; } + td { empty-cells: hide; background: green; color: white; padding: 2em 2em; } + </style> + </head> + <body> + <p>There should be a green block below.</p> + <table><tr><td><span></span></td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-010.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-010.xht new file mode 100644 index 0000000000..d278e30516 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-010.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: CSS table model: empty-cells: block</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/007.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <style type="text/css"> + table { background: red; border-spacing: 0; } + td { empty-cells: hide; background: green; color: white; padding: 0.5em 2em; } + div { } + </style> + </head> + <body> + <p>There should be a green block below.</p> + <table><tr><td><div></div></td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-011.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-011.xht new file mode 100644 index 0000000000..30b98bbaa6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-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"> + <head> + <title>CSS Test: CSS table model: empty-cells: block with margins</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/008.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <style type="text/css"> + table { background: red; border-spacing: 0; } + td { empty-cells: hide; background: green; color: white; padding: 0 2em; } + div { margin: 1em 0; } + </style> + </head> + <body> + <p>There should be a green block below.</p> + <table><tr><td><div></div></td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-012.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-012.xht new file mode 100644 index 0000000000..84e87d2f3a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-012.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: CSS table model: empty-cells: block with padding</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/009.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <style type="text/css"> + table { background: red; border-spacing: 0; } + td { empty-cells: hide; background: green; color: white; padding: 0 2em; } + div { padding: 1em 0; } + </style> + </head> + <body> + <p>There should be a green block below.</p> + <table><tr><td><div></div></td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-013.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-013.xht new file mode 100644 index 0000000000..75fba40233 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-013.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: CSS table model: empty-cells: block with borders</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/010.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <style type="text/css"> + table { background: red; border-spacing: 0; } + td { empty-cells: hide; background: green; color: white; padding: 0 2em; } + div { border: 0.5em solid transparent; } + </style> + </head> + <body> + <p>There should be a green block below.</p> + <table><tr><td><div></div></td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-014.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-014.xht new file mode 100644 index 0000000000..efd9de084a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-014.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: CSS table model: empty-cells: white-space normal</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/empty-cells/011.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <style type="text/css"> + table { background: green; border-spacing: 0; } + td { empty-cells: hide; background: red; white-space: normal; padding: 0.5em 2em; } + </style> + </head> + <body> + <p>There should be a green block below.</p> + <table><tr><td> </td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-001.xht new file mode 100644 index 0000000000..2f0cdebc84 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-001.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: Empty-cells and 'display: inline' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="Empty-cells does not apply to 'display: inline' elements." /> + <style type="text/css"> + #test + { + background: red; + border: 5px solid black; + display: inline; + empty-cells: hide; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div id="test"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-002.xht new file mode 100644 index 0000000000..d837aa86fe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-002.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: Empty-cells and 'display: block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="Empty-cells does not apply to 'display: block' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: black; + border: 5px solid black; + display: block; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-003.xht new file mode 100644 index 0000000000..fca3ab65f7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-003.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: Empty-cells and 'display: list-item' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="Empty-cells does not apply to 'display: list-item' elements." /> + <style type="text/css"> + body + { + margin-left: 1em; + } + #table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: black; + border: 5px solid black; + display: list-item; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is a box below and there is a marker bullet on the left-hand side of the box.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-005.xht new file mode 100644 index 0000000000..67d7ba093a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-005.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: Empty-cells and 'display: inline-block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="Empty-cells does not apply to 'display: inline-block' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: black; + border: 5px solid black; + display: inline-block; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-006.xht new file mode 100644 index 0000000000..519ed5b998 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-006.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: Empty-cells and 'display: table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="Empty-cells does not apply to 'display: table' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: black; + border: 5px solid black; + display: table; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-007.xht new file mode 100644 index 0000000000..dd20aea8da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-007.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: Empty-cells and 'display: inline-table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="Empty-cells does not apply to 'display: inline-table' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: black; + border: 5px solid black; + display: inline-table; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-008.xht new file mode 100644 index 0000000000..831b355642 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-008.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: Empty-cells and 'display: table-row-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Empty-cells does not apply to 'display: table-row-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: red; + border: 5px solid red; + display: table-row-group; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-009.xht new file mode 100644 index 0000000000..6bc744278c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-009.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: Empty-cells and 'display: table-header-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Empty-cells does not apply to 'display: table-header-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: red; + border: 5px solid red; + display: table-header-group; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-010.xht new file mode 100644 index 0000000000..60b50fcde6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-010.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: Empty-cells and 'display: table-footer-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Empty-cells does not apply to 'display: table-footer-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: red; + border: 5px solid red; + display: table-footer-group; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-011.xht new file mode 100644 index 0000000000..4ed0d31922 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-011.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: Empty-cells and 'display: table-row' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Empty-cells does not apply to 'display: table-row' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: red; + border: 5px solid red; + display: table-row; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-012.xht new file mode 100644 index 0000000000..6df3f292ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-012.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: Empty-cells and 'display: table-column' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Empty-cells does not apply to 'display: table-column' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: red; + border: 5px solid red; + display: table-column; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-013.xht new file mode 100644 index 0000000000..94e817f6c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-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: Empty-cells and 'display: table-column-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Empty-cells does not apply to 'display: table-column-group' elements." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: red; + border: 5px solid red; + display: table-column-group; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-014.xht new file mode 100644 index 0000000000..9ef632247b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-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: Empty-cells and 'display: table-cell' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Empty-cells applies to 'display: table-cell' elements." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: red; + border: 5px solid red; + display: table-cell; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-015.xht new file mode 100644 index 0000000000..99546e1370 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-015.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: Empty-cells and 'display: table-caption' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="Empty-cells does not apply to 'display: table-caption' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: black; + border: 5px solid black; + display: table-caption; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-016.xht new file mode 100644 index 0000000000..9edff8fafc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-016.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: Empty-cells and 'display: none' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Empty-cells does not apply to 'display: none' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: red + border: 5px solid red; + display: none; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-017.xht new file mode 100644 index 0000000000..155f47e62e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-applies-to-017.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: Empty-cells and 'display: inherit' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Empty-cells does not apply to 'display: inherit' elements which do not inherit the value of 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: red; + border: 5px solid red; + display: inherit; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-001.xht new file mode 100644 index 0000000000..01b8a469b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-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: Cells containing floating content are not considered empty</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="Cells that contain floating content, including empty elements, are not considered to be empty cells. The table under test actually contains two tests. The first cell tests floating content, and the second cell tests a floating empty element." /> + <style type="text/css"> + table + { + background: red; + border-spacing: 0; + empty-cells: hide; + } + td + { + background: green; + color: green; + } + .float + { + float: right; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td> + <div class="float"> </div> + </td> + <td>FillerTextFillerText</td> + </tr> + <tr> + <td>FillerTextFillerText</td> + <td> + <div class="float"></div> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-002.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-002.xht new file mode 100644 index 0000000000..9de7656ee9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-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: Cells containing empty element in-flow content are not considered empty</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="Cells that contain in-flow content (including empty elements) are not considered to be empty cells. The table under test really contains two tests--the first cell tests in-flow content, the second cell tests an empty in-flow element." /> + <style type="text/css"> + table + { + background: red; + border-spacing: 0; + empty-cells: hide; + } + td + { + background: green; + color: green; + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td> + <span> </span> + </td> + <td>FillerTextFillerText</td> + </tr> + <tr> + <td>FillerTextFillerText</td> + <td> + <span></span> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-003.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-003.xht new file mode 100644 index 0000000000..26ac4e849d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-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: Cells with collapsed white space content are considered empty</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="Cells that contain in-flow content of white space which has been collapsed away by the 'white-space' property are considered to be empty cells." /> + <style type="text/css"> + table + { + background: green; + border-spacing: 0; + empty-cells: hide; + white-space: normal; + } + td + { + background: green; + color: green; + padding: 0; + } + .red + { + background: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td class="red"> + </td> + <td>FillerTextFillerText</td> + </tr> + <tr> + <td>FillerTextFillerText</td> + <td class="red"> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-004.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-004.xht new file mode 100644 index 0000000000..d379e1fbbf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-exceptions-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: Cells with non-collapsed white space content are not considered empty</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="Cells which contain in-flow content of white space which has not been collapsed away by the 'white-space' property are not considered to be empty cells." /> + <style type="text/css"> + table + { + background: red; + border-spacing: 0; + empty-cells: hide; + white-space: pre; + } + td + { + background: green; + color: green; + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td> + </td> + <td>FillerTextFillerText</td> + </tr> + <tr> + <td>FillerTextFillerText</td> + <td> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-in-collapsed-border-model-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-in-collapsed-border-model-001.xht new file mode 100644 index 0000000000..6ee397dfed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-in-collapsed-border-model-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: Empty cells property in the collapsed borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="The empty-cells property does not apply to tables with collapsed borders." /> + <style type="text/css"> + table + { + background: red; + border-collapse: collapse; + empty-cells: hide; + } + td + { + background: green; + color: green; + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td></td> + <td>FillerTextFillerText</td> + </tr> + <tr> + <td>FillerTextFillerText</td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-inherited-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-inherited-001.xht new file mode 100644 index 0000000000..e0e622feb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-inherited-001.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: Empty-cells is inherited by default</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="Empty-cells is inherited by default." /> + <style type="text/css"> + #div1 + { + empty-cells: hide; + } + table + { + border-style: solid; + } + td + { + color: white; + } + .empty + { + background: red; + border: 1px solid red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="div1"> + <table> + <tr> + <td class="empty"></td> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td class="empty"></td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + <td class="empty"></td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-initial-001.xht b/testing/web-platform/tests/css/CSS2/tables/empty-cells-initial-001.xht new file mode 100644 index 0000000000..39a1391293 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-initial-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: Initial value of empty-cells</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="The initial value of empty-cells is 'show'." /> + <style type="text/css"> + td + { + color: white; + } + .empty + { + background: green; + border: 1px solid green; + } + </style> + </head> + <body> + <p>Test passes if there are only three boxes below.</p> + <table> + <tr> + <td class="empty"></td> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td class="empty"></td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + <td class="empty"></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/empty-cells-no-interpolation.html b/testing/web-platform/tests/css/CSS2/tables/empty-cells-no-interpolation.html new file mode 100644 index 0000000000..af8f6d3194 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/empty-cells-no-interpolation.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<link rel=author href="mailto:jarhar@chromium.org"> +<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/css/support/interpolation-testcommon.js"></script> + +<body> +<script> +test_no_interpolation({ + property: 'empty-cells', + from: 'initial', + to: 'hide' +}); +</script> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-001.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-001.xht new file mode 100644 index 0000000000..7cc51b246a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-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: Fixed table layout when 'width' property is 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="If a browser supports fixed table layout when 'width' is 'auto', a table will size to its containing block, minus any margin space (modified example from spec section 17.5.2.1)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + border: solid blue; + width: 200px; + } + table + { + border-collapse: collapse; + margin-left: 50px; + margin-right: 50px; + table-layout: fixed; + } + td + { + font: 62.8% Ahem; + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the black box is centered within the blue box below.</p> + <div id="div1"> + <table> + <tr> + <td>XXXXXXXXXX</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002.xht new file mode 100644 index 0000000000..a0f757091f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002.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: Value other than 'auto' for column width sets width of cells in the column</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="assert" content="A column element with a value other than 'auto' for the 'width' property sets the width for the column of cells it contains." /> + <style type="text/css"> + table + { + border-collapse: collapse; + table-layout: fixed; + width: 200px; + } + #col + { + width: 100px; + } + td + { + padding: 0; + } + #cell + { + background: black; + } + #div1 + { + background: blue; + height: 1em; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same width.</p> + <table> + <col id="col" /> + <col /> + <tr> + <td id="cell">X</td> + <td></td> + </tr> + </table> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a-ref.xht new file mode 100644 index 0000000000..c4b2fcd300 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + font: 1em/1.25 serif; + margin: 8px; + } + + strong {line-height: 1;} + + div#lime-line + { + background-color: lime; + border-right: white solid 334px; + height: 100px; + margin-left: 423px; + margin-top: 36px; + width: 1px; + } + + div#reference {margin-left: 23px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a thin green vertical line <strong>at exactly 400px</strong>.</p> + + <div id="lime-line"></div> + + <div id="reference"><img src="../support/ruler-h-200px-400px.png" width="700" height="18" alt="FAIL: Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a.xht new file mode 100644 index 0000000000..ddab625d14 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-002a.xht @@ -0,0 +1,119 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - specified column width must include padding and border applied on its cells</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Apr/0743.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title= + "Section 17.5.2.1 Fixed table layout" /> + <link rel="match" href="fixed-table-layout-002a-ref.xht" /> + + <meta content="image" name="flags" /> + <meta content="In the fixed table layout algorithm, the horizontal layout of the table only depends on the table's width, the width of the columns, table borders and any non-zero horizontal border-spacing if 'border-collapse: separate' applies to such table, like in this test. The specified width of columns must include the non-zero horizontal padding and/or non-zero horizontal borders which may be applying to the cells contained in such columns." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + font: 1em/1.25 serif; + margin: 8px; + } + + strong {line-height: 1;} + + table + { + border-collapse: separate; + border-left: white solid 23px; + border-right: white solid 34px; + border-spacing: 19px 0px; + color: white; + height: 100px; + table-layout: fixed; + width: 758px; + } + + col#first-column {width: 382px;} + + col#second-column {width: 262px;} + + td {padding: 0px 127px;} + + td#FirstTestedCell {border-right: lime solid 1px;} + + /* + Width of table + + From left to right + ------------------ + + 23px (left border of table) + + + 19px (left-most border-spacing) + + + 382px (specified width of first column) + + + 19px (border-spacing separating the 2 cells) + + + 262px (specified width of second column) + + + 19px (right-most border-spacing) + + + 34px (right border of table) + ======== + 758px + + So, here, the specified width of the table is not greater + than the sum of the column widths (plus cell spacing or borders). + So, the table's width in 'border-collapse: separate' remains as specified. + + The col#first-column specified width of 382px should include + the horizontal padding of 127px and the solid lime 1px border-right. + + So, such 1px solid lime border-right should appear at + 23px (left border of table) + + + 19px (left-most border-spacing) + + + 382px (specified width of first column) + ======== + 424px inside document body's content box. + */ + + div#reference {margin-left: 23px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a thin green vertical line <strong>at exactly 400px</strong>.</p> + + <table> + + <caption>caption</caption> + + <col id="first-column" /> + <col id="second-column" /> + + <tr> + <td id="FirstTestedCell">first cell here</td> + + <td>second cell here</td> + </tr> + + </table> + + <div id="reference"><img src="support/ruler-h-200px-400px.png" width="700" height="18" alt="FAIL: Image download support must be enabled" /></div> + + <!-- + Nota bene: the presence of the caption element in the test + is absolutely necesssary to this test. It may seem to be + an extraneous element but it is not. + --> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003.xht new file mode 100644 index 0000000000..a9b163689a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003.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: Cell in the first row with specified width sets the width for the column</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width." /> + <style type="text/css"> + table + { + border-collapse: collapse; + table-layout: fixed; + width: 200px; + } + td + { + padding: 0; + } + #cell + { + background: black; + width: 100px; + } + #div1 + { + background: blue; + height: 1em; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same width.</p> + <table> + <tr> + <td id="cell">X</td> + <td></td> + </tr> + </table> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01-ref.xht new file mode 100644 index 0000000000..b350480fd2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01-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[ + div + { + height: 24px; + margin-left: 100px; + width: 200px; + } + + div#blue-stripe {background-color: blue;} + + div#reference {background-color: black;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01.xht new file mode 100644 index 0000000000..08a82ba78f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a01.xht @@ -0,0 +1,72 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003a01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with symetrical non-zero horizontal cell padding and with zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 400px; + } + + td + { + border: none; + padding: 0px 60px; + } + + td#tested-cell + { + background-color: blue; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">A01</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02-ref.xht new file mode 100644 index 0000000000..c0730f5ff7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02-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[ + div + { + height: 24px; + margin-left: 50px; + width: 200px; + } + + div#blue-stripe {background-color: blue;} + + div#reference {background-color: black;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02.xht new file mode 100644 index 0000000000..135deaa08a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a02.xht @@ -0,0 +1,72 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003a02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with symetrical non-zero horizontal cell padding and with zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 300px; + } + + td + { + border: none; + padding: 0px 60px; + } + + td#tested-cell + { + background-color: blue; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">A02</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a03.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a03.xht new file mode 100644 index 0000000000..26d964fc75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a03.xht @@ -0,0 +1,72 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003a01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 400px; + } + + td + { + border: none; + padding: 0px 120px 0px 0px; + } + + td#tested-cell + { + background-color: blue; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">A03</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a04.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a04.xht new file mode 100644 index 0000000000..7f577de366 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a04.xht @@ -0,0 +1,72 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003a02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 300px; + } + + td + { + border: none; + padding: 0px 120px 0px 0px; + } + + td#tested-cell + { + background-color: blue; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">A04</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a05.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a05.xht new file mode 100644 index 0000000000..a114b4e039 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a05.xht @@ -0,0 +1,72 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003a01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 400px; + } + + td + { + border: none; + padding: 0px 0px 0px 120px; + } + + td#tested-cell + { + background-color: blue; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">A05</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a06.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a06.xht new file mode 100644 index 0000000000..628ad8818e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003a06.xht @@ -0,0 +1,72 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003a02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 300px; + } + + td + { + border: none; + padding: 0px 0px 0px 120px; + } + + td#tested-cell + { + background-color: blue; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">A06</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01-ref.xht new file mode 100644 index 0000000000..e01f3bb5fa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 100px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01.xht new file mode 100644 index 0000000000..d2380d2872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b01.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003b01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px 24px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">B01</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02-ref.xht new file mode 100644 index 0000000000..729bc45d18 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 50px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02.xht new file mode 100644 index 0000000000..624ac496b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b02.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003b02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px 24px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">B02</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b03.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b03.xht new file mode 100644 index 0000000000..281191b2a1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b03.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003b01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px 48px 0px 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">B03</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b04.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b04.xht new file mode 100644 index 0000000000..275bad19d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b04.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003b02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px 48px 0px 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">B04</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b05.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b05.xht new file mode 100644 index 0000000000..f8cc775674 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b05.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003b01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px 0px 0px 48px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">B05</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b06.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b06.xht new file mode 100644 index 0000000000..5466743f4a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b06.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003b02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px 0px 0px 48px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">B06</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07-ref.xht new file mode 100644 index 0000000000..90ed59f2cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 100px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 72px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07.xht new file mode 100644 index 0000000000..aeb12b6a8b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b07.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003b07-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px 24px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 72px; + border-right: orange solid 0px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">B07</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08-ref.xht new file mode 100644 index 0000000000..12f65a660b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 50px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 72px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08.xht new file mode 100644 index 0000000000..5ca06870b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b08.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003b08-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px 24px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 72px; + border-right: orange solid 0px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">B08</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09-ref.xht new file mode 100644 index 0000000000..f69e795ad8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 100px; + } + + div#blue-stripe + { + background-color: blue; + border-right: orange solid 72px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09.xht new file mode 100644 index 0000000000..286e36c9e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b09.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003b09-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px 24px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 0px; + border-right: orange solid 72px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">B09</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10-ref.xht new file mode 100644 index 0000000000..4bc3734960 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 50px; + } + + div#blue-stripe + { + background-color: blue; + border-right: orange solid 72px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10.xht new file mode 100644 index 0000000000..27ee5d0f16 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b10.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003b10-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px 24px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 0px; + border-right: orange solid 72px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">B10</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11-ref.xht new file mode 100644 index 0000000000..0c5ebd4c53 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 100px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 20px; + border-right: orange solid 52px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11.xht new file mode 100644 index 0000000000..a541c1e8f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b11.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003b11-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with asymetrical non-zero horizontal cell padding and with asymetrical non-zero horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px 10px 0px 38px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 20px; + border-right: orange solid 52px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">B11</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12-ref.xht new file mode 100644 index 0000000000..9e99e2e8e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 50px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 20px; + border-right: orange solid 52px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12.xht new file mode 100644 index 0000000000..bdb6307cb0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003b12.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003b12-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with asymetrical non-zero horizontal cell padding and with asymetrical non-zero horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px 10px 0px 38px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 20px; + border-right: orange solid 52px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">B12</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01-ref.xht new file mode 100644 index 0000000000..d1513109ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 100px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 60px; + border-right: orange solid 60px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01.xht new file mode 100644 index 0000000000..498006acac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c01.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003c01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 60px; + border-right: orange solid 60px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">C01</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02-ref.xht new file mode 100644 index 0000000000..199707483a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 50px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 60px; + border-right: orange solid 60px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02.xht new file mode 100644 index 0000000000..64b4cbdbcb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c02.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003c02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 60px; + border-right: orange solid 60px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">C02</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03-ref.xht new file mode 100644 index 0000000000..7c19083cda --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 100px; + } + + div#blue-stripe + { + background-color: blue; + border-right: orange solid 120px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03.xht new file mode 100644 index 0000000000..294b2c756a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c03.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003c03-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 0px; + border-right: orange solid 120px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">C03</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04-ref.xht new file mode 100644 index 0000000000..dd8d953db5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 50px; + } + + div#blue-stripe + { + background-color: blue; + border-right: orange solid 120px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04.xht new file mode 100644 index 0000000000..9c1c4abf09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c04.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003c04-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 0px; + border-right: orange solid 120px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">C04</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05-ref.xht new file mode 100644 index 0000000000..a57e559599 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 100px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 120px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05.xht new file mode 100644 index 0000000000..c3e4e2c796 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c05.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003c05-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 120px; + border-right: orange solid 0px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">C05</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06-ref.xht new file mode 100644 index 0000000000..6095cf7e32 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 50px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 120px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06.xht new file mode 100644 index 0000000000..fa05da6956 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c06.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003c06-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 120px; + border-right: orange solid 0px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">C06</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07-ref.xht new file mode 100644 index 0000000000..28006b6446 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 100px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 32px; + border-right: orange solid 88px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07.xht new file mode 100644 index 0000000000..a3034ade4f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c07.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003c07-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with non-zero asymetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 32px; + border-right: orange solid 88px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">C07</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08-ref.xht new file mode 100644 index 0000000000..9b5fc46030 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 50px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 32px; + border-right: orange solid 88px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08.xht new file mode 100644 index 0000000000..2193e3faa5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003c08.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003c08-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: separate' model with zero horizontal cell padding and with non-zero asymetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: separate; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 32px; + border-right: orange solid 88px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">C08</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01-ref.xht new file mode 100644 index 0000000000..b350480fd2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01-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[ + div + { + height: 24px; + margin-left: 100px; + width: 200px; + } + + div#blue-stripe {background-color: blue;} + + div#reference {background-color: black;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01.xht new file mode 100644 index 0000000000..ae1a6549dc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d01.xht @@ -0,0 +1,71 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003d01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero horizontal cell padding and with zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 400px; + } + + td + { + border: none; + padding: 0px 60px; + } + + td#tested-cell + { + background-color: blue; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">D01</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02-ref.xht new file mode 100644 index 0000000000..c0730f5ff7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02-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[ + div + { + height: 24px; + margin-left: 50px; + width: 200px; + } + + div#blue-stripe {background-color: blue;} + + div#reference {background-color: black;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02.xht new file mode 100644 index 0000000000..e0920acb71 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d02.xht @@ -0,0 +1,71 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003d02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero horizontal cell padding and with zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 300px; + } + + td + { + border: none; + padding: 0px 60px; + } + + td#tested-cell + { + background-color: blue; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">D02</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d03.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d03.xht new file mode 100644 index 0000000000..fa41b658e1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d03.xht @@ -0,0 +1,71 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003d01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 400px; + } + + td + { + border: none; + padding: 0px 120px 0px 0px; + } + + td#tested-cell + { + background-color: blue; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">D03</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d04.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d04.xht new file mode 100644 index 0000000000..9549cca33d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d04.xht @@ -0,0 +1,72 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003d02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-spacing: 0px; + border-collapse: collapse; + table-layout: fixed; + width: 300px; + } + + td + { + border: none; + padding: 0px 120px 0px 0px; + } + + td#tested-cell + { + background-color: blue; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">D04</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d05.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d05.xht new file mode 100644 index 0000000000..8606cddfb1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d05.xht @@ -0,0 +1,71 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003d01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 400px; + } + + td + { + border: none; + padding: 0px 0px 0px 120px; + } + + td#tested-cell + { + background-color: blue; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">D05</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d06.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d06.xht new file mode 100644 index 0000000000..c9b51be80d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003d06.xht @@ -0,0 +1,71 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003d02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 300px; + } + + td + { + border: none; + padding: 0px 0px 0px 120px; + } + + td#tested-cell + { + background-color: blue; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue and black stripes are the <strong>same width</strong>.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">D06</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01-ref.xht new file mode 100644 index 0000000000..e01f3bb5fa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 100px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01.xht new file mode 100644 index 0000000000..f4572c5238 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e01.xht @@ -0,0 +1,69 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003e01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px 24px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">E01</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02-ref.xht new file mode 100644 index 0000000000..729bc45d18 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 50px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02.xht new file mode 100644 index 0000000000..af7c742e35 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e02.xht @@ -0,0 +1,69 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003e02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px 24px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">E02</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e03.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e03.xht new file mode 100644 index 0000000000..62839c56d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e03.xht @@ -0,0 +1,69 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003e01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px 48px 0px 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">E03</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e04.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e04.xht new file mode 100644 index 0000000000..948d38433b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e04.xht @@ -0,0 +1,69 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003e02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px 48px 0px 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">E04</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e05.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e05.xht new file mode 100644 index 0000000000..5a8674be99 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e05.xht @@ -0,0 +1,69 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003e01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px 0px 0px 48px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">E05</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e06.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e06.xht new file mode 100644 index 0000000000..ced7998835 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e06.xht @@ -0,0 +1,69 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003e02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with one non-zero horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px 0px 0px 48px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 36px; + border-right: orange solid 36px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">E06</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07-ref.xht new file mode 100644 index 0000000000..d2eca5c1e1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 82px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 72px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07.xht new file mode 100644 index 0000000000..11a7ea49cd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e07.xht @@ -0,0 +1,151 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003e07-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px 24px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 72px; + border-right: orange solid 0px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 82px; + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 36px : half of border-left since such border must be split with cell in 1st column + + + 24px : padding-left of the cell in the middle column + + + 80px : width of the cell in the middle column + + + 24px : padding-right of the cell in the middle column + ======= + 164px : width of the middle column + + + So, + 400px : table set width + - + 164px : width of the middle column + ====== + 236px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 236px divided by 2 == 118px. + + 1st column width calculations + ----------------------------- + + 24px : padding-left of cell in 1st column + + + (solve) : width of cell in 1st column + + + 24px : padding-right of cell in 1st column + + + 36px : half of border-left of cell in middle column + since such border must be split with cell in 1st column + ====== + 118px : width of 1st column + + So, the width of the cell in first column must be exactly 34px. + + + 3rd column width calculations + ----------------------------- + + 24px : padding-left of cell in 3rd column + + + (solve) : width of cell in 3rd column + + + 24px : padding-right of cell in 3rd column + ======= + 118px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly 70px. + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 24px : padding-left of cell in 1st column + + + 34px : width of cell in 1st column + + + 24px : padding-right of cell in 1st column + ======= + 82px + + Therefore the margin-left: 82px value of the div#reference. + + */ + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">E07</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08-ref.xht new file mode 100644 index 0000000000..e54d2d32b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 32px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 72px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08.xht new file mode 100644 index 0000000000..30c7faa3c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e08.xht @@ -0,0 +1,154 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003e08-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px 24px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 72px; + border-right: orange solid 0px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 32px; + + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 36px : half of border-left since such border must be split with cell in 1st column + + + 24px : padding-left of the cell in the middle column + + + 80px : width of the cell in the middle column + + + 24px : padding-right of the cell in the middle column + + ======= + 164px : width of the middle column + + + So, + 300px : table set width + - + 164px : width of the middle column + ====== + 136px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 136px divided by 2 == 68px. + + 1st column width calculations + ----------------------------- + + 24px : padding-left of cell in 1st column + + + (solve) : width of cell in 1st column + + + 24px : padding-right of cell in 1st column + + + 36px : border-right of cell in 1st column + which is half of border-left of cell in middle column + ====== + 68px : width of 1st column + + So, the width of the cell in first column must be exactly -16px ! + + + 3rd column width calculations + ----------------------------- + + 24px : padding-left of cell in 3rd column + + + (solve) : width of cell in 3rd column + + + 24px : padding-right of cell in 3rd column + ======= + 68px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly 20px. + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 24px : padding left of cell in 1st column + + + -16px : width of cell in 1st column + + + 24px : padding right of cell in 1st column + ======= + 32px + + Therefore the margin-left: 32px value of the div#reference. + + */ + + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">E08</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09-ref.xht new file mode 100644 index 0000000000..aac32937d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 118px; + } + + div#blue-stripe + { + background-color: blue; + border-right: orange solid 72px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09.xht new file mode 100644 index 0000000000..906fcb226b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e09.xht @@ -0,0 +1,153 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003e09-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px 24px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 0px; + border-right: orange solid 72px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 118px; + + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 36px : half of border-left since such border must be split with cell in 1st column + + + 24px : padding-left of the cell in the middle column + + + 80px : width of the cell in the middle column + + + 24px : padding-right of the cell in the middle column + ======= + 164px : width of the middle column + + + So, + 400px : table set width + - + 164px : width of the middle column + ====== + 236px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 236px divided by 2 == 118px. + + 1st column width calculations + ----------------------------- + + 24px : padding-left of cell in 1st column + + + (solve) : width of cell in 1st column + + + 24px : padding-right of cell in 1st column + ====== + 118px : width of 1st column + + So, the width of the cell in first column must be exactly 70px. + + + 3rd column width calculations + ----------------------------- + + 36px : half of border-right of cell in middle column + since such border must be split with cell in 3rd column + + + 24px : padding-left of cell in 3rd column + + + (solve) : width of cell in 3rd column + + + 24px : padding-right of cell in 3rd column + ======= + 118px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly 34px. + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 24px : padding-left of cell in 1st column + + + 70px : width of cell in 1st column + + + 24px : padding-right of cell in 1st column + ======= + 118px + + Therefore the margin-left: 118px value of the div#reference. + + */ + + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">E09</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10-ref.xht new file mode 100644 index 0000000000..6bf012d931 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 68px; + } + + div#blue-stripe + { + background-color: blue; + border-right: orange solid 72px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10.xht new file mode 100644 index 0000000000..fa6a9e20d4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e10.xht @@ -0,0 +1,155 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003e10-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with non-zero symetrical horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px 24px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 0px; + border-right: orange solid 72px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 68px; + + + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 24px : padding-left of the cell in the middle column + + + 80px : width of the cell in the middle column + + + 24px : padding-right of the cell in the middle column + + + 36px : half of border-right since such border must be split with cell in 3rd column + + ======= + 164px : width of the middle column + + + So, + 300px : table set width + - + 164px : width of the middle column + ====== + 136px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 136px divided by 2 == 68px. + + 1st column width calculations + ----------------------------- + + 24px : padding-left of cell in 1st column + + + (solve) : width of cell in 1st column + + + 24px : padding-right of cell in 1st column + + ====== + 68px : width of 1st column + + So, the width of the cell in first column must be exactly 20px. + + + 3rd column width calculations + ----------------------------- + + 36px : border-left of cell in 3rd column + + 24px : padding-left of cell in 3rd column + + + (solve) : width of cell in 3rd column + + + 24px : padding-right of cell in 3rd column + ======= + 68px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly -16px ! + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 24px : padding left of cell in 1st column + + + 20px : width of cell in 1st column + + + 24px : padding right of cell in 1st column + ======= + 68px + + Therefore the margin-left: 68px value of the div#reference. + + */ + + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">E10</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11-ref.xht new file mode 100644 index 0000000000..1b13490ad3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 108px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 20px; + border-right: orange solid 52px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11.xht new file mode 100644 index 0000000000..9324c04ebe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e11.xht @@ -0,0 +1,158 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003e11-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with asymetrical non-zero horizontal cell padding and with asymetrical non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px 10px 0px 38px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 20px; + border-right: orange solid 52px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 108px; + + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 10px : half of border-left since such border must be split with cell in 1st column + + + 38px : padding-left of the cell in the middle column + + + 80px : width of the cell in the middle column + + + 10px : padding-right of the cell in the middle column + + + 26px : half of border-right since such border must be split with cell in 3rd column + ======= + 164px : width of the middle column + + + So, + 400px : table set width + - + 164px : width of the middle column + ====== + 236px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 236px divided by 2 == 118px. + + 1st column width calculations + ----------------------------- + + 38px : padding-left of cell in 1st column + + + (solve) : width of cell in 1st column + + + 10px : padding-right of cell in 1st column + + + 10px : border-right of cell in 1st column + which is half of border-left of cell in middle column + ====== + 118px : width of 1st column + + So, the width of the cell in first column must be exactly 60px. + + + 3rd column width calculations + ----------------------------- + + 26px : half of border-right of cell in middle column + since such border must be split with the cell in 3rd column + + + 24px : padding-left of cell in 3rd column + + + (solve) : width of cell in 3rd column + + + 24px : padding-right of cell in 3rd column + ======= + 118px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly 44px. + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 24px : padding-left of cell in 1st column + + + 60px : width of cell in 1st column + + + 24px : padding-right of cell in 1st column + ======= + 108px + + Therefore the margin-left: 108px value of the div#reference. + + */ + + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">E11</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12-ref.xht new file mode 100644 index 0000000000..7db31c3c04 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 58px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 20px; + border-right: orange solid 52px; + width: 128px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12.xht new file mode 100644 index 0000000000..fc2ffaf98a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003e12.xht @@ -0,0 +1,157 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003e12-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with asymetrical non-zero horizontal cell padding and with asymetrical non-zero horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px 10px 0px 38px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 20px; + border-right: orange solid 52px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 58px; + + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 10px : half of border-left since such border must be split with cell in 1st column + + 38px : padding-left of cell in the middle column + + + 80px : width of cell in the middle column + + + 10px : padding-right of cell in the middle column + + + 26px : half of border-right since such border must be split with cell in 3rd column + + ======= + 164px : width of the middle column + + + So, + 300px : table set width + - + 164px : width of the middle column + ====== + 136px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 136px divided by 2 == 68px. + + 1st column width calculations + ----------------------------- + + 38px : padding-left of cell in 1st column + + + (solve) : width of cell in 1st column + + + 10px : padding-right of cell in 1st column + + + 10px : border-right of cell in 1st column + ====== + 68px : width of 1st column + + So, the width of the cell in first column must be exactly 10px. + + + 3rd column width calculations + ----------------------------- + + 26px : border-left of cell in 3rd column + + + 38px : padding-left of cell in 3rd column + + + (solve) : width of cell in 3rd column + + + 10px : padding-right of cell in 3rd column + ======= + 68px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly -6px ! + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 38px : padding left of cell in 1st column + + + 10px : width of cell in 1st column + + + 10px : padding right of cell in 1st column + ======= + 58px + + Therefore the margin-left: 58px value of the div#reference. + + */ + + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">E12</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01-ref.xht new file mode 100644 index 0000000000..d1513109ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 100px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 60px; + border-right: orange solid 60px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01.xht new file mode 100644 index 0000000000..275e8645c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f01.xht @@ -0,0 +1,139 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003f01-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 60px; + border-right: orange solid 60px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 100px; + + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 30px : half of border-left since such border must be split with cell in 1st column + + + 80px : width of cell in the middle column + + + 30px : half of border-right since such border must be split with cell in 3rd column + + ======= + 140px : width of the middle column + + + So, + 400px : table set width + - + 140px : width of the middle column + ====== + 260px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 260px divided by 2 == 130px. + + 1st column width calculations + ----------------------------- + + (solve) : width of cell in 1st column + + + 30px : border-right of cell in 1st column + ====== + 130px : width of 1st column + + So, the width of the cell in first column must be exactly 100px. + + + 3rd column width calculations + ----------------------------- + + 30px : border-left of cell in 3rd column + + + (solve) : width of cell in 3rd column + ======= + 130px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly 100px. + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 100px : width of cell in 1st column + + Therefore the margin-left: 100px value of the div#reference. + + */ + + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">F01</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02-ref.xht new file mode 100644 index 0000000000..199707483a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 50px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 60px; + border-right: orange solid 60px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02.xht new file mode 100644 index 0000000000..c8d885ce83 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f02.xht @@ -0,0 +1,139 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003f02-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with non-zero symetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 60px; + border-right: orange solid 60px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 50px; + + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 30px : half of border-left since such border must be split with cell in 1st column + + + 80px : width of cell in the middle column + + + 30px : half of border-right since such border must be split with cell in 3rd column + + ======= + 140px : width of the middle column + + + So, + 300px : table set width + - + 140px : width of the middle column + ====== + 160px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 160px divided by 2 == 80px. + + 1st column width calculations + ----------------------------- + + (solve) : width of cell in 1st column + + + 30px : border-right of cell in 1st column + ====== + 80px : width of 1st column + + So, the width of the cell in first column must be exactly 50px. + + + 3rd column width calculations + ----------------------------- + + 30px : border-left of cell in 3rd column + + + (solve) : width of cell in 3rd column + ======= + 80px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly 50px. + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 50px : width of cell in 1st column + + Therefore the margin-left: 50px value of the div#reference. + + */ + + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">F02</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03-ref.xht new file mode 100644 index 0000000000..558cdc5a49 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 130px; + } + + div#blue-stripe + { + background-color: blue; + border-right: orange solid 120px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03.xht new file mode 100644 index 0000000000..5493250e75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f03.xht @@ -0,0 +1,136 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003f03-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 0px; + border-right: orange solid 120px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 130px; + + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 80px : width of cell in the middle column + + + 60px : half of border-right since such border must be split with cell in 3rd column + + ======= + 140px : width of the middle column + + + So, + 400px : table set width + - + 140px : width of the middle column + ====== + 260px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 260px divided by 2 == 130px. + + 1st column width calculations + ----------------------------- + + (solve) : width of cell in 1st column + + ====== + 130px : width of 1st column + + So, the width of the cell in first column must be exactly 130px. + + + 3rd column width calculations + ----------------------------- + + 60px : border-left of cell in 3rd column + + + (solve) : width of cell in 3rd column + ======= + 130px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly 70px. + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 130px : width of cell in 1st column + + Therefore the margin-left: 130px value of the div#reference. + + */ + + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">F03</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04-ref.xht new file mode 100644 index 0000000000..e011b7bc51 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 80px; + } + + div#blue-stripe + { + background-color: blue; + border-right: orange solid 120px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04.xht new file mode 100644 index 0000000000..f53e7b7128 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f04.xht @@ -0,0 +1,135 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003f04-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 0px; + border-right: orange solid 120px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 80px; + + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 80px : width of cell in the middle column + + + 60px : half of border-right since such border must be split with cell in 3rd column + + ======= + 140px : width of the middle column + + + So, + 300px : table set width + - + 140px : width of the middle column + ======= + 160px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 160px divided by 2 == 80px. + + 1st column width calculations + ----------------------------- + + (solve) : width of cell in 1st column + ======= + 80px : width of 1st column + + So, the width of the cell in first column must be exactly 80px. + + + 3rd column width calculations + ----------------------------- + + 60px : border-left of cell in 3rd column + + + (solve) : width of cell in 3rd column + ======== + 80px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly 20px. + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 80px : width of cell in 1st column + + Therefore the margin-left: 80px value of the div#reference. + + */ + + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the blue stripe and orange stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">F04</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05-ref.xht new file mode 100644 index 0000000000..82c5c86fbf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 70px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 120px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05.xht new file mode 100644 index 0000000000..dcaea8d05e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f05.xht @@ -0,0 +1,133 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003f05-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 120px; + border-right: orange solid 0px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 70px; + + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 60px : half of border-left since such border must be split with cell in 1st column + + + 80px : width of cell in the middle column + ======= + 140px : width of the middle column + + So, + 400px : table set width + - + 140px : width of the middle column + ====== + 260px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 260px divided by 2 == 130px. + + 1st column width calculations + ----------------------------- + + (solve) : width of cell in 1st column + + + 60px : border-left of cell in 1st column + ====== + 130px : width of 1st column + + So, the width of the cell in first column must be exactly 70px. + + + 3rd column width calculations + ----------------------------- + + (solve) : width of cell in 3rd column + ======= + 130px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly 130px. + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 70px : width of cell in 1st column + + Therefore the margin-left: 70px value of the div#reference. + + */ + + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">F05</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06-ref.xht new file mode 100644 index 0000000000..283eb3eeaf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 20px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 120px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06.xht new file mode 100644 index 0000000000..339d321dd1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f06.xht @@ -0,0 +1,133 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003f06-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with one non-zero horizontal cell border." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 120px; + border-right: orange solid 0px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 20px; + + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 60px : half of border-left since such border must be split with cell in 3rd column + + + 80px : width of cell in the middle column + ======= + 140px : width of the middle column + + + So, + 300px : table set width + - + 140px : width of the middle column + ======= + 160px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 160px divided by 2 == 80px. + + 1st column width calculations + ----------------------------- + + 60px : border-left since such border must be split with cell in middle column + + + (solve) : width of cell in 1st column + ======= + 80px : width of 1st column + + So, the width of the cell in first column must be exactly 20px. + + + 3rd column width calculations + ----------------------------- + (solve) : width of cell in 3rd column + ======== + 80px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly 80px. + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 20px : width of cell in 1st column + + Therefore the margin-left: 20px value of the div#reference. + + */ + + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">F06</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07-ref.xht new file mode 100644 index 0000000000..a3c329f13d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 114px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 32px; + border-right: orange solid 88px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07.xht new file mode 100644 index 0000000000..d922b876d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f07.xht @@ -0,0 +1,140 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003f07-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with non-zero asymetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 400px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 32px; + border-right: orange solid 88px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 114px; + + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 16px : halrf of border-left since such border must be split with cell in 1st column + + + 80px : width of cell in the middle column + + + 44px : half of border-right since such border must be split with cell in 3rd column + + ======= + 140px : width of the middle column + + + So, + 400px : table set width + - + 140px : width of the middle column + ====== + 260px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 260px divided by 2 == 130px. + + 1st column width calculations + ----------------------------- + + + (solve) : width of cell in 1st column + + + 16px : border-right of cell in 1st column + ====== + 130px : width of 1st column + + So, the width of the cell in first column must be exactly 114px. + + + 3rd column width calculations + ----------------------------- + + 44px : border-left of cell in 3rd column + + + (solve) : width of cell in 3rd column + ======= + 130px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly 86px. + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 114px : width of cell in 1st column + + Therefore the margin-left: 114px value of the div#reference. + + */ + + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">F07</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08-ref.xht new file mode 100644 index 0000000000..73c38200a2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + height: 24px; + margin-left: 64px; + } + + div#blue-stripe + { + background-color: blue; + border-left: orange solid 32px; + border-right: orange solid 88px; + width: 80px; + } + + div#reference + { + background-color: black; + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <div id="blue-stripe"></div> + + <div id="reference"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08.xht new file mode 100644 index 0000000000..f03c2a3779 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-003f08.xht @@ -0,0 +1,137 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout: fixed - cell in the first row with specified width</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/tables.html#fixed-table-layout" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0502.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="match" href="fixed-table-layout-003f08-ref.xht" /> + + <meta name="assert" content="A cell in the first row with specified non-auto 'width' sets the width for its column in the absence of a column element with specified non-auto width. This test checks the 'border-collapse: collapse' model with zero horizontal cell padding and with non-zero asymetrical horizontal cell borders." /> + + <style type="text/css"><![CDATA[ + div, table {font: 1.25em/1.2 serif;} + + table + { + border-collapse: collapse; + table-layout: fixed; + width: 300px; + } + + td {padding: 0px;} + + td#tested-cell + { + background-color: blue; + border-left: orange solid 32px; + border-right: orange solid 88px; + color: blue; + width: 80px; + } + + div#reference + { + background-color: black; + color: black; + margin-left: 64px; + + /* + + " + In the fixed table layout algorithm, the width of each column is determined as follows: + + (...) a cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column. (...) + Any remaining columns equally divide the remaining horizontal table space (minus borders or cell spacing). + " + Section 17.5.2.1 Fixed table layout + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + + Middle column width calculations + -------------------------------- + + 16px : half of border-left since such border must be split with cell in 1st column + + + 80px : width of cell in the middle column + + + 44px : half of border-right since such border must be split with cell in 3rd column + ======= + 140px : width of the middle column + + + So, + 300px : table set width + - + 140px : width of the middle column + ======= + 160px + + So, each of the 2 remaining columns must be + half of such extra horizontal table space, + which is 160px divided by 2 == 80px. + + 1st column width calculations + ----------------------------- + + (solve) : width of cell in 1st column + + + 16px : border-right since such border must be split with cell in middle column + ======= + 80px : width of 1st column + + So, the width of the cell in first column must be exactly 64px. + + + 3rd column width calculations + ----------------------------- + 44px : border-left since such border must be split with cell in middle column + + + (solve) : width of cell in 3rd column + ======== + 80px : width of 3rd column + + So, the width of the cell in 3rd column must be exactly 36px. + + + Finally, the precise horizontal point where the border-right of cell + in first column begins to be drawn, painted is: + + 64px : width of cell in 1st column + + Therefore the margin-left: 64px value of the div#reference. + + */ + + width: 200px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 orange slivers and blue stripe are as a whole <strong>exactly as wide as</strong> the black stripe.</p> + + <table> + + <col /> + <col /> + <col /> + + <tr> + <td></td> + <td id="tested-cell">F08</td> + <td></td> + </tr> + + </table> + + <div id="reference">200px wide</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-004.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-004.xht new file mode 100644 index 0000000000..004be74ecc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-004.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: Fixed table layout</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="assert" content="The width of a column-spanning cell (which determines column widths in fixed table layout) is divided over the columns it spans." /> + <style type="text/css"> + table + { + border-collapse: collapse; + margin: 0; + table-layout: fixed; + width: 100px; + } + #cell1 + { + background: black; + width: 98px; + } + td + { + height: 20px; + padding: 0; + } + #cell2 + { + background: silver; + } + #cell3 + { + background: orange; + } + #div1 + { + background: blue; + height: 20px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the blue and black bars are the same width and the gray and orange boxes are half of that width.</p> + <table> + <tr> + <td id="cell1" colspan="2"></td> + </tr> + <tr> + <td id="cell2"></td> + <td id="cell3"></td> + </tr> + </table> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-005.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-005.xht new file mode 100644 index 0000000000..1fd2847623 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-005.xht @@ -0,0 +1,76 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Leftover table width is divided evenly among auto-sized columns</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="assert" content="Any remaining horizontal table space is divided evenly among columns which do not have specified widths." /> + <style type="text/css"> + table + { + border-spacing: 0; + table-layout: fixed; + width: 300px; + } + #col1 + { + width: 50px; + } + td + { + padding: 0; + } + #cell1 + { + width: 50px; + } + #cell2 + { + width: 100px; + } + #div1 + { + border-top: 1px solid black; + height: 100px; + width: 300px; + } + #div1 > div + { + float: left; + } + .px50 + { + width: 50px; + } + #px100 + { + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the numbers above the line are aligned with the numbers below the line.</p> + <table> + <col id="col1" /> + <col /> + <col /> + <col /> + <col /> + <col /> + <tr> + <td>1</td> + <td id="cell1">2</td> + <td id="cell2" colspan="2">3</td> + <td>4</td> + <td>5</td> + </tr> + </table> + <div id="div1"> + <div class="px50">1</div> + <div class="px50">2</div> + <div id="px100">3</div> + <div class="px50">4</div> + <div class="px50">5</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-006.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-006.xht new file mode 100644 index 0000000000..48e4970929 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-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: Remaining table width is divided evenly among non auto-sized columns (minus borders and cell spacing)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="assert" content="Any remaining horizontal table space is divided evenly among columns which do not have specified widths (minus borders and cell spacing)." /> + <style type="text/css"> + table + { + background: blue; + border-collapse: separate; + border-spacing: 10px 0; + table-layout: fixed; + width: 130px; + } + td + { + background: blue; + border-left: 10px solid orange; + border-right: 10px solid orange; + height: 100px; + padding: 0; + } + #specified + { + width: 10px; + } + </style> + </head> + <body> + <p>Test passes if all of the blue lines below appear to have the same width.</p> + <table> + <tr> + <td id="specified"></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-007.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-007.xht new file mode 100644 index 0000000000..b4ed060c4a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-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: Fixed table width is maximum between table and sum of column 'width' (table width wins)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="assert" content="A fixed layout table's width will be its specified width if that width is greater than the sum of its columns' widths." /> + <style type="text/css"> + table + { + border-spacing: 0; + table-layout: fixed; + } + td + { + background: black; + padding: 0; + width: 50px; + } + #div1 + { + background: blue; + height: 1em; + } + #div1, table + { + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same width.</p> + <table> + <tr> + <td>X</td> + <td>X</td> + </tr> + </table> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-009.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-009.xht new file mode 100644 index 0000000000..5af05caaf9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-009.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: Cell that overflows a fixed-width table</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="assert" content="A cell that overflows the fixed table width uses its 'overflow' property to determine whether to clip the overflow content." /> + <style type="text/css"> + table + { + table-layout: fixed; + width: 100px; + } + td + { + border: 1px solid blue; + width: 100px; + } + #hidden + { + overflow: hidden; + } + </style> + </head> + <body> + <table> + <tr> + <td>FillerTextFillerTextFillerTextFiller</td> + </tr> + </table> + <p>Test passes if the text in the blue rectangle above this line spills outside of its right side border and the text in the blue rectangle below this line is contained within the rectangle's border (and appears to be cut off on its right side).</p> + <table> + <tr> + <td id="hidden">FillerTextFillerTextFillerTextFiller</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-010.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-010.xht new file mode 100644 index 0000000000..2c6fc4e306 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-010.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 Test: Subsequent rows in fixed table layout</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="assert" content="Cells in subsequent rows after the first do not affect column widths in fixed table layout." /> + <style type="text/css"> + table + { + border-spacing: 0; + table-layout: fixed; + } + td + { + background: blue; + color: blue; + padding: 0; + height: 1em; + } + #overflow + { + color: black; + overflow: visible; + white-space: pre; + } + #div1 + { + background: black; + height: 20px; + } + table, .row1 + { + width: 100px; + } + .row2, #div1 + { + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same width and the blue box has the words "Filler Text" on the bottom overflowing to the right.</p> + <table> + <tr> + <td class="row1"></td> + <td class="row1"></td> + </tr> + <tr> + <td class="row2"></td> + <td class="row2"></td> + </tr> + <tr> + <td></td> + <td id="overflow">Filler Text Filler Text Filler Text</td> + </tr> + </table> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-011.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-011.xht new file mode 100644 index 0000000000..c9a91f66ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-011.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: Table with table-layout fixed, width auto (inline-level)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="flags" content="may" /> + <meta name="assert" content="A table with fixed table-layout and auto width may be sized according to the auto table layout algorithm." /> + <style type="text/css"> + table + { + table-layout: fixed; + width: auto; + } + col + { + width: 100px; + } + td + { + color: white; + } + #secondrow + { + border: 2px solid black; + color: black; + } + </style> + </head> + <body> + <p>Test passes if the box below fully contains the text "FillerTextFillerText" or the text overflows the box.</p> + <table> + <col /> + <tr> + <td>FillerText</td> + </tr> + <tr> + <td id="secondrow">FillerTextFillerText</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-012.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-012.xht new file mode 100644 index 0000000000..a42e48e9f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-012.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: Fixed table layout - specified column width overrides first-cell specified 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/" /> <!-- 2016-05-31 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="assert" content="A column element with specified width sets the width of the column, even if the first-row cell has a specified width." /> + <style type="text/css"> + table + { + border-collapse: separate; + border-spacing: 0px; + table-layout: fixed; + width: 200px; + } + #col + { + width: 50px; + } + #cell + { + background: orange; + color: orange; + width: 175px; + } + #div1 + { + background: blue; + height: 21px; + width: 50px; + } + </style> + </head> + <body> + <p>Test passes if the orange and blue stripes have the same width.</p> + <table> + <col id="col" /> + <col /> + <tr> + <td id="cell">X</td> + <td></td> + </tr> + </table> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-013.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-013.xht new file mode 100644 index 0000000000..ec136ee283 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-013.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: Fixed table layout - specified column-group width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="assert" content="Specified column-group width is ignored in fixed table layout." /> + <style type="text/css"> + table + { + border-collapse: collapse; + table-layout: fixed; + width: 200px; + } + #colgroup + { + width: 50px; + } + #cell + { + background: black; + } + #div1 + { + background: blue; + width: 100px; + } + #div1, #cell + { + height: 1em; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same width.</p> + <table> + <colgroup id="colgroup"> + <col /> + </colgroup> + <colgroup> + <col /> + </colgroup> + <tr> + <td id="cell"></td> + <td></td> + </tr> + </table> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-014.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-014.xht new file mode 100644 index 0000000000..55b8cfaf8f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-014.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: Fixed table layout - specified column width overrides specified column-group width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="assert" content="A column that has both a column width and column-group width specified will use its column specified width." /> + <style type="text/css"> + table + { + border-collapse: collapse; + table-layout: fixed; + width: 100px; + } + #colgroup + { + width: 300px; + } + #cell + { + background: black; + } + #div1 + { + background: blue; + } + #div1, #cell + { + height: 1em; + } + #div1, #col + { + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same width.</p> + <table> + <colgroup id="colgroup"> + <col id="col" /> + </colgroup> + <colgroup> + <col /> + </colgroup> + <tr> + <td id="cell"></td> + <td></td> + </tr> + </table> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-015.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-015.xht new file mode 100644 index 0000000000..6475b4dec8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-015.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: Fixed table layout - specified cell width overrides specified column-group width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="assert" content="A column that has both a cell width and column-group width specified will use its cell specified width." /> + <style type="text/css"> + table + { + border-spacing: 0; + table-layout: fixed; + width: 200px; + } + #colgroup + { + width: 75px; + } + #cell + { + background: black; + width: 100px; + } + td + { + padding: 0; + } + #div1 + { + background: blue; + width: 100px; + } + #div1, td + { + height: 1em; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same width.</p> + <table> + <colgroup id="colgroup"> + <col /> + </colgroup> + <colgroup> + <col /> + </colgroup> + <tr> + <td id="cell"></td> + <td></td> + </tr> + </table> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-016.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-016.xht new file mode 100644 index 0000000000..f448db6e45 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-016.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: Fixed table width is maximum between table and sum of column 'width' (sum of columns' widths wins)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" /> + <meta name="assert" content="A fixed layout table's width will be the sum of its columns' widths if that number is greater than the table's specified width." /> + <style type="text/css"> + table + { + border-spacing: 0; + table-layout: fixed; + width: 75px; + } + td + { + background: black; + padding: 0; + width: 25px; + } + #div1 + { + background: blue; + width: 100px; + } + #div1, td + { + height: 1em; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same width.</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </table> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017-ref.xht new file mode 100644 index 0000000000..2db121294f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017-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 + { + height: 1.25em; + margin-bottom: 4px; + margin-left: 172px; + padding: 1px 0px; + width: 160px; + } + + div#orange-stripe {background-color: orange; margin-top: 20px;} + + div#blue-stripe {background-color: blue; margin-top: 0px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe is exactly as wide as the blue stripe and is horizontally positioned the same.</p> + + <div id="orange-stripe"></div> + + <div id="blue-stripe"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017.xht new file mode 100644 index 0000000000..7d90ad98ac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-017.xht @@ -0,0 +1,111 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout fixed - columns with percentage width</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/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="match" href="fixed-table-layout-017-ref.xht" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + + <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated and predicted when in 'border-collapse: separate' model." name="assert" /> + + <style type="text/css"><![CDATA[ + table, div {font: 1.25em/1 Ahem;} + + table + { + border-collapse: separate; + border-spacing: 4px; + table-layout: fixed; + width: 420px; + } + + col#test + { + background-color: orange; + width: 40%; + } + + td#third-cell {color: orange;} + + div, td {padding: 1px 0px;} + + div#reference + { + background-color: blue; + color: blue; + left: 172px; + /* + 3 horizontal border-spacing separate the start + of table box and the start of 3rd column. + The first 2 columns should each be 80px exactly + since "Any remaining columns equally divide the + remaining horizontal table space (minus [table] borders or + cell spacing)." So: + + 0px : table border-left + + + 4px : 1st border-spacing + + + 80px : 1st column : (420 - 20) mult by (60% divided by 3) + + + 4px : 2nd border-spacing + + + 80px : 2nd column : (420 - 20) mult by (60% divided by 3) + + + 4px: 3rd border-spacing + ======== + 172px + */ + + position: relative; + width: 160px; + + /* + + 420px : total width of table + - + 20px : 5 times horizontal border-spacing + - + 0px : total of horizontal table borders + ======== + 400px + mult by + 40% + ======== + 160px + + */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe is exactly as wide as the blue stripe and is horizontally positioned the same.</p> + + <table> + + <col></col> + <col></col> + <col id="test"></col> + <col></col> + + <tr> + <td></td> + <td></td> + <td id="third-cell">col</td> + <td></td> + </tr> + + </table> + + <div id="reference">ref</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-018.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-018.xht new file mode 100644 index 0000000000..6f40eb9a5d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-018.xht @@ -0,0 +1,114 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout fixed - columns with percentage width</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/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="match" href="fixed-table-layout-017-ref.xht" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + + <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated and predicted when in 'border-collapse: separate' model." name="assert" /> + + <style type="text/css"><![CDATA[ + table, div {font: 1.25em/1 Ahem;} + + table + { + border: solid white; + border-width: 0px 6px; + border-collapse: separate; + border-spacing: 2px 4px; + table-layout: fixed; + width: 422px; + } + + col#test + { + background-color: orange; + width: 40%; + } + + td#third-cell {color: orange;} + + div, td {padding: 1px 0px;} + + div#reference + { + background-color: blue; + color: blue; + left: 172px; + /* + 3 horizontal border-spacing and the table + border-left separate the start + of table box and the start of 3rd column. + The first 2 columns should each be 80px exactly + since "Any remaining columns equally divide the + remaining horizontal table space (minus [table] borders or + cell spacing)." So: + + 6px : table border-left + + + 2px : 1st border-spacing + + + 80px : 1st column : (422 - 10 - 12) mult by (60% divided by 3) + + + 2px : 2nd border-spacing + + + 80px : 2nd column : (422 - 10 - 12) mult by (60% divided by 3) + + + 2px : 3rd border-spacing + ========= + 172px + */ + + position: relative; + width: 160px; + + /* + + 422px : total width of table + - + 12px : total width of horizontal borders of table + - + 10px : 5 times horizontal border-spacing + ======== + 400px + mult by + 40% + ======== + 160px + + */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe is exactly as wide as the blue stripe and is horizontally positioned the same.</p> + + <table> + + <col></col> + <col></col> + <col id="test"></col> + <col></col> + + <tr> + <td></td> + <td></td> + <td id="third-cell">col</td> + <td></td> + </tr> + + </table> + + <div id="reference">ref</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-019.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-019.xht new file mode 100644 index 0000000000..d6baab8671 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-019.xht @@ -0,0 +1,90 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout fixed - columns with percentage width</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/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="match" href="fixed-table-layout-017-ref.xht" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + + <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated and predicted when in 'border-collapse: separate' model." name="assert" /> + + <style type="text/css"><![CDATA[ + table, div {font: 1.25em/1 Ahem;} + + table + { + border: white solid; + border-width: 0px 6px; + border-collapse: separate; + border-spacing: 2px 4px; + table-layout: fixed; + width: 422px; + } + + col#test + { + background-color: orange; + width: 40%; + } + + td#third-cell {color: orange;} + + div, td {padding: 1px 0px;} + + div#reference + { + background-color: blue; + color: blue; + left: 172px; + position: relative; + width: 160px; + + /* + + 422px : total width of table + - + 12px : total width of horizontal borders of table + - + 10px : 5 times horizontal border-spacing + ======== + 400px + mult by + 40% + ======== + 160px + + */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe is exactly as wide as the blue stripe and is horizontally positioned the same.</p> + + <table> + + <col></col> + <col></col> + <col id="test"></col> + <col></col> + + <tr> + <td></td> + <td></td> + <td id="third-cell">col</td> + <td></td> + </tr> + + </table> + + <div id="reference">ref</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-020.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-020.xht new file mode 100644 index 0000000000..85c1603e50 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-020.xht @@ -0,0 +1,91 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout fixed - columns with percentage width</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/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="match" href="fixed-table-layout-017-ref.xht" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + + <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert" /> + + <style type="text/css"><![CDATA[ + table, div {font: 1.25em/1 Ahem;} + + table + { + border: white solid; + border-width: 0px 6px; + border-collapse: separate; + border-spacing: 2px 4px; + table-layout: fixed; + width: 422px; + } + + col#test + { + background-color: orange; + width: 40%; + } + + td {padding: 1px 30px;} + + td#third-cell {color: orange;} + + div#reference + { + background-color: blue; + color: blue; + left: 172px; + padding: 1px 0px; + position: relative; + width: 160px; + + /* + + 422px : total width of table + - + 12px : total width of horizontal borders of table + - + 10px : 5 times horizontal border-spacing + ======== + 400px + mult by + 40% + ======== + 160px + + */ + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the orange stripe is exactly as wide as the blue stripe and is horizontally positioned the same.</p> + + <table> + + <col></col> + <col></col> + <col id="test"></col> + <col></col> + + <tr> + <td></td> + <td></td> + <td id="third-cell">col</td> + <td></td> + </tr> + + </table> + + <div id="reference">ref</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021-ref.xht new file mode 100644 index 0000000000..5919a7cf18 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021-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[ + div + { + font: 22px/26px serif; + margin-top: 20px; + } + + img {vertical-align: top;} + + img.reference1st {margin-left: 44px;} + + img.reference2nd, img.reference3rd {margin-left: 15px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the colored (fuchsia, olive and orange) stripes have respectively the same widths and the same horizontal positions.</p> + + <div><img class="reference1st" src="../support/swatch-fuchsia.png" width="52" height="22" alt="Image download support must be enabled" /><img class="reference2nd" src="../support/swatch-olive.png" width="88" height="22" alt="Image download support must be enabled" /><img class="reference3rd" src="../support/swatch-orange.png" width="124" height="22" alt="Image download support must be enabled" /><br /><img class="reference1st" src="../support/swatch-fuchsia.png" width="52" height="22" alt="Image download support must be enabled" /><img class="reference2nd" src="../support/swatch-olive.png" width="88" height="22" alt="Image download support must be enabled" /><img class="reference3rd" src="../support/swatch-orange.png" width="124" height="22" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021.xht new file mode 100644 index 0000000000..81d30d9a8e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-021.xht @@ -0,0 +1,168 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout fixed - columns with percentage width</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/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="match" href="fixed-table-layout-021-ref.xht" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + + <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert" /> + + <style type="text/css"><![CDATA[ + table, div {font: 1.25em/1 Ahem;} + + table + { + border: white solid; + border-width: 0px 29px; /* horizontal table border width is 58px total */ + border-collapse: separate; + border-spacing: 15px 4px; /* horizontal border-spacing width is 75px total */ + table-layout: fixed; + width: 533px; + + /* + "With this (fast) algorithm, the horizontal layout of + the table does not depend on the contents of the cells; + it only depends on the table's width, the width of + the columns, and borders or cell spacing." + http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout + + So, + + 533px : total table width + - + 58px : total horizontal border width + - + 75px : total horizontal border-spacing width + ======== + 400px : total to split among the 4 columns + */ + + } + + col#first + { + background-color: fuchsia; + width: 13%; + /* 400px multiplied by 13% = 52px */ + } + + col#second + { + background-color: olive; + width: 22%; + /* 400px multiplied by 22% = 88px */ + } + + col#third + { + background-color: orange; + width: 31%; + /* 400px multiplied by 31% = 124px */ + + /* + 100% - (13% + 22% + 31%) == 34% for last column + */ + } + + td {padding: 1px 10px;} + + td#first-cell {color: fuchsia;} + + td#second-cell {color: olive;} + + td#third-cell {color: orange;} + + div {padding: 1px 0px;} + + div#reference1st + { + background-color: fuchsia; + color: fuchsia; + left: 44px; /* 29px border-left of table + 15px border-spacing == 44px */ + position: relative; + width: 52px; + } + + div#reference2nd + { + background-color: olive; + bottom: 1.1em; + color: olive; + left: 111px; + /* + 29px : border-left of table + + + 15px : 1st border-spacing + + + 52px : width of first column + + + 15px : 2nd border-spacing + ======= + 111px + */ + position: relative; + width: 88px; + } + + div#reference3rd + { + background-color: orange; + bottom: 2.2em; + color: orange; + left: 214px; + /* + 29px : border-left of table + + + 15px : 1st border-spacing + + + 52px : width of first column + + + 15px : 2nd border-spacing + + + 88px : width of second column + + + 15px : 3rd border-spacing + ======= + 214px + */ + position: relative; + width: 124px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the colored (fuchsia, olive and orange) stripes have respectively the same widths and the same horizontal positions.</p> + + <table> + + <col id="first"></col> + <col id="second"></col> + <col id="third"></col> + <col></col> + + <tr> + <td id="first-cell">1</td> + <td id="second-cell">2</td> + <td id="third-cell">3</td> + <td></td> + </tr> + + </table> + + <div id="reference1st">r</div> + + <div id="reference2nd">r</div> + + <div id="reference3rd">r</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022-ref.xht new file mode 100644 index 0000000000..09e2b9f0fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022-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[ + div + { + font: 22px/26px serif; + margin-top: 20px; + } + + img {vertical-align: top;} + + img.reference1st {margin-left: 44px;} + + img.reference2nd, img.reference3rd, img.reference4th {margin-left: 15px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same widths and the same horizontal positions.</p> + + <div><img class="reference1st" src="../support/swatch-fuchsia.png" width="52" height="22" alt="Image download support must be enabled" /><img class="reference2nd" src="../support/swatch-olive.png" width="100" height="22" alt="Image download support must be enabled" /><img class="reference3rd" src="../support/swatch-orange.png" width="124" height="22" alt="Image download support must be enabled" /><img class="reference4th" src="../support/swatch-lime.png" width="124" height="22" alt="Image download support must be enabled" /><br /><img class="reference1st" src="../support/swatch-fuchsia.png" width="52" height="22" alt="Image download support must be enabled" /><img class="reference2nd" src="../support/swatch-olive.png" width="100" height="22" alt="Image download support must be enabled" /><img class="reference3rd" src="../support/swatch-orange.png" width="124" height="22" alt="Image download support must be enabled" /><img class="reference4th" src="../support/swatch-lime.png" width="124" height="22" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022.xht new file mode 100644 index 0000000000..ae9abb6dda --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-022.xht @@ -0,0 +1,201 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout fixed - columns with percentage width and absolute width</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/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="match" href="fixed-table-layout-022-ref.xht" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + + <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert" /> + + <style type="text/css"><![CDATA[ + table, div {font: 1.25em/1 Ahem;} + + table + { + border: white solid; + border-width: 0px 29px; /* horizontal table border width is 58px total */ + border-collapse: separate; + border-spacing: 15px 4px; /* horizontal border-spacing width is 75px total */ + table-layout: fixed; + width: 533px; + + /* + "With this (fast) algorithm, the horizontal layout of + the table does not depend on the contents of the cells; + it only depends on the table's width, the width of + the columns, and [table] borders or cell spacing." + + So, + + 533px : total table width + - + 58px : total horizontal border-spacing width + - + 75px : total horizontal border-spacing width + ======== + 400px : total to split among the 4 columns + */ + + } + + col#first + { + background-color: fuchsia; + width: 13%; + /* 400px multiplied by 13% = 52px */ + } + + col#second + { + background-color: olive; + width: 100px; + } + + col#third + { + background-color: orange; + width: 31%; + /* 400px multiplied by 31% = 124px */ + + /* + 300px - (52px + 124px) = 124px for last column + */ + } + + col#fourth {background-color: lime;} + + td {padding: 1px 10px;} + + td#first-cell {color: fuchsia;} + + td#second-cell {color: olive;} + + td#third-cell {color: orange;} + + td#fourth-cell {color: lime;} + + div {padding: 1px 0px;} + + div#reference1st + { + background-color: fuchsia; + color: fuchsia; + left: 44px; /* 29px border-left of table + 15px border-spacing == 44px */ + position: relative; + width: 52px; + } + + div#reference2nd + { + background-color: olive; + bottom: 1.1em; + color: olive; + left: 111px; + /* + 29px : border-left of table + + + 15px : 1st border-spacing + + + 52px : width of first column + + + 15px border-spacing + ====== + 111px + */ + position: relative; + width: 100px; + } + + div#reference3rd + { + background-color: orange; + bottom: 2.2em; + color: orange; + left: 226px; + /* + 29px : border-left of table + + + 15px : 1st border-spacing + + + 52px : width of first column + + + 15px : 2nd border-spacing + + + 100px : width of second column + + + 15px : 3rd border-spacing + ======= + 226px + */ + position: relative; + width: 124px; + } + + div#reference4th + { + background-color: lime; + bottom: 3.3em; + color: lime; + left: 365px; + /* + 29px : border-left of table + + + 15px : 1st border-spacing + + + 52px : width of first column + + + 15px : 2nd border-spacing + + + 100px : width of second column + + + 15px : 3rd border-spacing + + + 124px : width of third column + + + 15px : 4th border-spacing + ======= + 365px + */ + position: relative; + width: 124px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same widths and the same horizontal positions.</p> + + <table> + + <col id="first"></col> + <col id="second"></col> + <col id="third"></col> + <col id="fourth"></col> + + <tr> + <td id="first-cell">1</td> + <td id="second-cell">2</td> + <td id="third-cell">3</td> + <td id="fourth-cell">4</td> + </tr> + + </table> + + <div id="reference1st">r</div> + + <div id="reference2nd">r</div> + + <div id="reference3rd">r</div> + + <div id="reference4th">r</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023-ref.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023-ref.xht new file mode 100644 index 0000000000..a8f6c8460c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + body + { + margin: 8px; + width: 640px; + } + + div + { + font: 22px/26px serif; + margin-top: 20px; + } + + img {vertical-align: top;} + + img.reference1st {margin-left: 29px;} + + img.reference2nd, img.reference3rd, img.reference4th {margin-left: 18px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same widths and the same horizontal positions.</p> + + <div><img class="reference1st" src="../support/swatch-fuchsia.png" width="52" height="22" alt="Image download support must be enabled" /><img class="reference2nd" src="../support/swatch-olive.png" width="100" height="22" alt="Image download support must be enabled" /><img class="reference3rd" src="../support/swatch-orange.png" width="124" height="22" alt="Image download support must be enabled" /><img class="reference4th" src="../support/swatch-lime.png" width="124" height="22" alt="Image download support must be enabled" /><br /><img class="reference1st" src="../support/swatch-fuchsia.png" width="52" height="22" alt="Image download support must be enabled" /><img class="reference2nd" src="../support/swatch-olive.png" width="100" height="22" alt="Image download support must be enabled" /><img class="reference3rd" src="../support/swatch-orange.png" width="124" height="22" alt="Image download support must be enabled" /><img class="reference4th" src="../support/swatch-lime.png" width="124" height="22" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023.xht new file mode 100644 index 0000000000..127528b2e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-023.xht @@ -0,0 +1,207 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout fixed - columns with percentage width and absolute width</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/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="match" href="fixed-table-layout-023-ref.xht" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + + <meta content="A column with a percentage width in a 'table-layout: fixed' table can be calculated, predicted, rendered." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + margin: 8px; + width: 640px; + } + + table, div {font: 1.25em/1 Ahem;} + + table + { + border: white solid; + border-width: 0px 11px; /* horizontal table border width is 22px total */ + border-collapse: separate; + border-spacing: 18px 4px; /* horizontal border-spacing width is 90px total */ + table-layout: fixed; + width: 80%; /* 640px mult by 80% == 512px */ + + /* + "With this (fast) algorithm, the horizontal layout of + the table does not depend on the contents of the cells; + it only depends on the table's width, the width of + the columns, and [table] borders or cell spacing." + + So, + + 512px : total table width + - + 90px : total horizontal border-spacing width + - + 22px : total horizontal border-spacing width + ======== + 400px : total to split among the 4 columns + */ + + } + + col#first + { + background-color: fuchsia; + width: 13%; + /* 400px multiplied by 13% = 52px */ + } + + col#second + { + background-color: olive; + width: 100px; + } + + col#third + { + background-color: orange; + width: 31%; + /* 400px multiplied by 31% = 124px */ + + /* + 400px - (52px + 100px + 124px) = 124px for last column + */ + } + + col#fourth {background-color: lime;} + + td {padding: 1px 10px;} + + td#first-cell {color: fuchsia;} + + td#second-cell {color: olive;} + + td#third-cell {color: orange;} + + td#fourth-cell {color: lime;} + + div {padding: 1px 0px;} + + div#reference1st + { + background-color: fuchsia; + color: fuchsia; + left: 29px; /* 11px border-left of table + 18px border-spacing == 29px */ + position: relative; + width: 52px; + } + + div#reference2nd + { + background-color: olive; + bottom: 1.1em; + color: olive; + left: 99px; + /* + 11px : border-left of table + + + 18px : 1st border-spacing + + + 52px : width of first column + + + 18px : 2nd border-spacing + ======= + 99px + */ + position: relative; + width: 100px; + } + + div#reference3rd + { + background-color: orange; + bottom: 2.2em; + color: orange; + left: 217px; + /* + 11px : border-left of table + + + 18px : 1st border-spacing + + + 52px : width of first column + + + 18px : 2nd border-spacing + + + 100px : width of second column + + + 18px : 3rd border-spacing + ======= + 217px + */ + position: relative; + width: 124px; + } + + div#reference4th + { + background-color: lime; + bottom: 3.3em; + color: lime; + left: 359px; + /* + 11px : border-left of table + + + 18px : 1st border-spacing + + + 52px : width of first column + + + 18px : 2nd border-spacing + + + 100px : width of second column + + + 18px : 3rd border-spacing + + + 124px : width of third column + + + 18px : 4th border-spacing + ======= + 359px + */ + position: relative; + width: 124px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the colored (fuchsia, olive, orange and lime) stripes have respectively the same widths and the same horizontal positions.</p> + + <table> + + <col id="first"></col> + <col id="second"></col> + <col id="third"></col> + <col id="fourth"></col> + + <tr> + <td id="first-cell">1</td> + <td id="second-cell">2</td> + <td id="third-cell">3</td> + <td id="fourth-cell">4</td> + </tr> + + </table> + + <div id="reference1st">r</div> + + <div id="reference2nd">r</div> + + <div id="reference3rd">r</div> + + <div id="reference4th">r</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-025.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-025.xht new file mode 100644 index 0000000000..3424672703 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-025.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: percentage width set on table-cell in 'table-layout: fixed' table</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding of such cell." /> + + <style type="text/css"><![CDATA[ + table + { + border-spacing: 0px; + table-layout: fixed; + width: 100px; + } + + td#middle-green-cell + { + background-color: green; + width: 50%; + } + + td#left-red-cell, td#right-red-cell {background-color: red;} + + td {padding: 50px 25px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <tr> + <td id="left-red-cell"></td> + <td id="middle-green-cell"></td> + <td id="right-red-cell"></td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-026.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-026.xht new file mode 100644 index 0000000000..a69836da3c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-026.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: percentage width set on table-cell in 'table-layout: fixed' table</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal borders of such cell." /> + + <style type="text/css"><![CDATA[ + table + { + border-spacing: 0px; + table-layout: fixed; + width: 100px; + } + + td#middle-green-cell + { + background-color: green; + border-left: green solid 25px; + border-right: green solid 25px; + width: 50%; + } + + td#left-red-cell, td#right-red-cell {background-color: red;} + + td {padding: 50px 0px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <tr> + <td id="left-red-cell"></td> + <td id="middle-green-cell"></td> + <td id="right-red-cell"></td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-027.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-027.xht new file mode 100644 index 0000000000..91f5934e77 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-027.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: percentage width set on table-cell in 'table-layout: fixed' table</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal borders of such cell." /> + + <style type="text/css"><![CDATA[ + table + { + border-collapse: collapse; + table-layout: fixed; + width: 100px; + } + + td#middle-green-cell + { + background-color: green; + border-left: green solid 25px; + border-right: green solid 25px; + width: 50%; + } + + td#left-red-cell, td#right-red-cell {background-color: red;} + + td#left-red-cell {border-right: red solid 24px;} + + td#right-red-cell {border-left: red solid 25px;} + + td {padding: 50px 0px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <tr> + <td id="left-red-cell"></td> + <td id="middle-green-cell"></td> + <td id="right-red-cell"></td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-028.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-028.xht new file mode 100644 index 0000000000..b04473d6bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-028.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: percentage width set on table-cell in 'table-layout: fixed' table</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell." /> + + <style type="text/css"><![CDATA[ + table + { + border-spacing: 0px; + table-layout: fixed; + width: 100px; + } + + td#middle-green-cell + { + background-color: green; + border-left: green solid 15px; + border-right: green solid 15px; + width: 50%; + } + + td#left-red-cell, td#right-red-cell {background-color: red;} + + td {padding: 50px 10px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <tr> + <td id="left-red-cell"></td> + <td id="middle-green-cell"></td> + <td id="right-red-cell"></td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-029.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-029.xht new file mode 100644 index 0000000000..6ad7dc5f68 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-029.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: percentage width set on table-cell in 'table-layout: fixed' table</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell." /> + + <style type="text/css"><![CDATA[ + table + { + border-collapse: collapse; + table-layout: fixed; + width: 100px; + } + + td#middle-green-cell + { + background-color: green; + border-left: green solid 16px; + border-right: green solid 16px; + width: 50%; + } + + td#left-red-cell, td#right-red-cell {background-color: red;} + + td#left-red-cell {border-right: red solid 15px;} + + td#right-red-cell {border-left: red solid 16px;} + + td {padding: 50px 9px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <tr> + <td id="left-red-cell"></td> + <td id="middle-green-cell"></td> + <td id="right-red-cell"></td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-030.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-030.xht new file mode 100644 index 0000000000..ce83603148 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-030.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: percentage width set on table-cell in 'table-layout: fixed' table</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell." /> + + <style type="text/css"><![CDATA[ + table + { + border-spacing: 0px; + table-layout: fixed; + width: 100px; + } + + td#middle-green-cell + { + background-color: green; + border-left: green solid 25px; + width: 50%; + } + + td#left-red-cell, td#right-red-cell {background-color: red;} + + td {padding: 50px 25px 50px 0px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <tr> + <td id="left-red-cell"></td> + <td id="middle-green-cell"></td> + <td id="right-red-cell"></td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-031.xht b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-031.xht new file mode 100644 index 0000000000..3c877a9e7e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/fixed-table-layout-031.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: percentage width set on table-cell in 'table-layout: fixed' table</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout" title="17.5.2.1 Fixed table layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2012Oct/0121.html" title="[CSS21] tables, percentages, and border-spacing" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="A cell in the first row with a value other than 'auto' for the 'width' property determines the width for that column in the fixed table layout algorithm. The determination of the width of such column must nevertheless still take into account the horizontal padding and horizontal borders of such cell." /> + + <style type="text/css"><![CDATA[ + table + { + border-spacing: 0px; + table-layout: fixed; + width: 100px; + } + + td#middle-green-cell + { + background-color: green; + border-right: green solid 25px; + width: 50%; + } + + td#left-red-cell, td#right-red-cell {background-color: red;} + + td {padding: 50px 0px 50px 25px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table> + <tr> + <td id="left-red-cell"></td> + <td id="middle-green-cell"></td> + <td id="right-red-cell"></td> + </tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/frameset-border-spacing-001.xht b/testing/web-platform/tests/css/CSS2/tables/frameset-border-spacing-001.xht new file mode 100644 index 0000000000..f7cf837221 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/frameset-border-spacing-001.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Applying the 'border-spacing' property to a 'frameset' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="flags" content="may" /> + <meta name="assert" content="The user agent may allow the 'border-spacing' property to be applied to an HTML/XHTML 'frameset' element (non-normative rule)." /> + <style type="text/css"> + frameset + { + border: 2px solid blue; + border-spacing: 2em; + } + </style> + </head> + <frameset cols="33%, 33%, *"> + <frame src="" /> + <frame src="support/frameset-border-spacing-001.htm" /> + <frame src="" /> + <noframes> + <body> + <p>Test passes if this text is visible.</p> + </body> + </noframes> + </frameset> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/height-table-cell-001.xht b/testing/web-platform/tests/css/CSS2/tables/height-table-cell-001.xht new file mode 100644 index 0000000000..73a3d5f8a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/height-table-cell-001.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 test: height - table cell height</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/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The height of a 'table-row' element's box is the maximum of the row's computed 'height', the computed 'height' of each cell in such row and the minimum height required by the content of the cells. The height of a cell is the maximum between its specified 'height' and the minimum height required by its content." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + table#overlapping-green-test {border-spacing: 0px;} + + td + { + background-color: green; + border: green solid 10px; + height: 50px; + padding: 15px; + width: 50px; + } + ]]></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> + + <table id="overlapping-green-test"> + <tr> + <td></td> + </tr> + </table> + + <!-- + In this testcase, the content of the unique cell is empty; therefore the + minimum height required by the cell content is 0. So, the height of such + single cell is given by + max(specified 'height', minimum height required by its content) == 50px + Such height refers to the cell's content box, not to the cell's border box. + --> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001.xht new file mode 100644 index 0000000000..99d085137d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001.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: height and width of element set to 'display: inline-table'</title> + + <!-- + Inspired by + http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified." /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-test + { + background-color: green; + border: green solid 25px; + border-collapse: separate; + display: inline-table; + height: 50px; + width: 50px; + } + ]]></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"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001a.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001a.xht new file mode 100644 index 0000000000..ee5abc5eef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001a.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 and width of element set to 'display: inline-table'</title> + + <!-- + Inspired by + http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-test + { + background-color: green; + border: green solid 15px; + border-collapse: separate; + display: inline-table; + height: 50px; + padding: 10px; + width: 50px; + } + ]]></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"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001b.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001b.xht new file mode 100644 index 0000000000..bddca2bc7b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001b.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: height and width of element set to 'display: inline-table'</title> + + <!-- + Inspired by + http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-test + { + background-color: green; + border-collapse: separate; + display: inline-table; + height: 50px; + padding: 25px; + width: 50px; + } + ]]></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"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001c.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001c.xht new file mode 100644 index 0000000000..a4e39d2e83 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001c.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: height and width of element set to 'display: inline-table'</title> + + <!-- + Inspired by + http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-test + { + background-color: green; + border-bottom: green solid 15px; + border-left: green solid 10px; + border-right: green solid 10px; + border-top: green solid 15px; + border-collapse: separate; + display: inline-table; + height: 50px; + padding: 10px 15px 10px 15px; + width: 50px; + } + ]]></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"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001d.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001d.xht new file mode 100644 index 0000000000..e25f18f76d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001d.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: height and width of element set to 'display: inline-table'</title> + + <!-- + Inspired by + http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-test + { + background-color: green; + border-bottom: green solid 10px; + border-left: green solid 15px; + border-right: green solid 15px; + border-top: green solid 10px; + border-collapse: separate; + display: inline-table; + height: 50px; + padding: 15px 10px 15px 10px; + width: 50px; + } + ]]></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"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001e.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001e.xht new file mode 100644 index 0000000000..17e3e38394 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/height-width-inline-table-001e.xht @@ -0,0 +1,90 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 and width of element set to 'display: inline-table'</title> + + <!-- + Inspired by + http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The content-box height and width of an empty element styled with display set to 'inline-table' is given by its height and width properties when specified." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-test + { + background-color: green; + border-bottom: green solid 12px; + border-left: green solid 14px; + border-right: green solid 16px; + border-top: green solid 18px; + border-collapse: separate; + display: inline-table; + height: 33px; + padding: 20px 22px 17px 15px; + width: 33px; + } + + /* + height of border-box calculation + -------------------------------- + + 18px (border-top) + + + 20px (padding-top) + + + 33px (content height) + + + 17px (padding-bottom) + + + 12px (border-top) + ----------------------- + 100px + + + width of border-box calculation + ------------------------------- + + 14px (border-left) + + + 15px (padding-left) + + + 33px (content width) + + + 22px (padding-right) + + + 16px (border-right) + ---------------------- + 100px + */ + ]]></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"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001.xht new file mode 100644 index 0000000000..14321e4d7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001.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: height and width of element set to 'display: table'</title> + + <!-- + Inspired by + http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta name="assert" content="The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified." /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-test + { + background-color: green; + border: green solid 25px; + border-collapse: separate; + display: table; + height: 50px; + width: 50px; + } + ]]></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"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-table-001a.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001a.xht new file mode 100644 index 0000000000..83233e294a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001a.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 and width of element set to 'display: table'</title> + + <!-- + Inspired by + http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-test + { + background-color: green; + border: green solid 15px; + border-collapse: separate; + display: table; + height: 50px; + padding: 10px; + width: 50px; + } + ]]></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"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-table-001b.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001b.xht new file mode 100644 index 0000000000..c8f4effa2f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001b.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: height and width of element set to 'display: table'</title> + + <!-- + Inspired by + http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-test + { + background-color: green; + border-collapse: separate; + display: table; + height: 50px; + padding: 25px; + width: 50px; + } + ]]></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"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-table-001c.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001c.xht new file mode 100644 index 0000000000..7c163420d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001c.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: height and width of element set to 'display: table'</title> + + <!-- + Inspired by + http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-test + { + background-color: green; + border-bottom: green solid 15px; + border-left: green solid 10px; + border-right: green solid 10px; + border-top: green solid 15px; + border-collapse: separate; + display: table; + height: 50px; + padding: 10px 15px 10px 15px; + width: 50px; + } + ]]></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"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-table-001d.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001d.xht new file mode 100644 index 0000000000..8dbc7a097b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001d.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: height and width of element set to 'display: table'</title> + + <!-- + Inspired by + http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-test + { + background-color: green; + border-bottom: green solid 10px; + border-left: green solid 15px; + border-right: green solid 15px; + border-top: green solid 10px; + border-collapse: separate; + display: table; + height: 50px; + padding: 15px 10px 15px 10px; + width: 50px; + } + ]]></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"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/height-width-table-001e.xht b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001e.xht new file mode 100644 index 0000000000..76c8dbdf4d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/height-width-table-001e.xht @@ -0,0 +1,90 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 and width of element set to 'display: table'</title> + + <!-- + Inspired by + http://test.csswg.org/suites/css2.1/20101210/html4/empty-cells-applies-to-007.htm + --> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Jan/0178.html" title="[CSS21] Question on section 17.6.1 The separated borders model and width of inline-table" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The content-box height and width of an empty element styled with display set to 'table' is given by its height and width properties when specified." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-test + { + background-color: green; + border-bottom: green solid 12px; + border-left: green solid 14px; + border-right: green solid 16px; + border-top: green solid 18px; + border-collapse: separate; + display: table; + height: 33px; + padding: 20px 22px 17px 15px; + width: 33px; + } + + /* + height of border-box calculation + -------------------------------- + + 18px (border-top) + + + 20px (padding-top) + + + 33px (content height) + + + 17px (padding-bottom) + + + 12px (border-top) + ----------------------- + 100px + + + width of border-box calculation + ------------------------------- + + 14px (border-left) + + + 15px (padding-left) + + + 33px (content width) + + + 22px (padding-right) + + + 16px (border-right) + ---------------------- + 100px + */ + ]]></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"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/inline-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/inline-table-001.xht new file mode 100644 index 0000000000..526cec8f80 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/inline-table-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-table</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="An element with 'display: inline-table' is rendered as if it were an inline." /> + <style type="text/css"> + #table + { + background: orange; + display: inline-table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is all on the same line.</p> + <div> + <span>Filler Text</span> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/missing-cell-rendering-001.xht b/testing/web-platform/tests/css/CSS2/tables/missing-cell-rendering-001.xht new file mode 100644 index 0000000000..b01f6a6f0c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/missing-cell-rendering-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: Rendering of missing table cells</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> + <meta name="assert" content="Missing table cells are rendered as if their grid position were occupied by an anonymous table-cell box." /> + <style type="text/css"> + #table + { + background: orange; + color: orange; + display: table; + } + .tr + { + display: table-row; + } + .td + { + background: black; + border: 1px solid black; + color: black; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a two-by-two table below and the top-left and bottom-right corners are orange.</p> + <div id="table"> + <div class="tr"> + XXXXX + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/padding-applies-to-013a.xht b/testing/web-platform/tests/css/CSS2/tables/padding-applies-to-013a.xht new file mode 100644 index 0000000000..5f440f0b03 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/padding-applies-to-013a.xht @@ -0,0 +1,66 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: Padding applied to element with display table and with a set width</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <!-- + Inspired by Known issues at + http://caniuse.com/#feat=css-table + --> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge: so the width of a CSS table does not include its padding area." name="assert" /> + + <style type="text/css"><![CDATA[ + div#red-overlapped + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#green-overlapping-table + { + background-color: green; + display: table; + padding: 25px; + table-layout: fixed; + width: 50px; + } + + div.table-row {display: table-row;} + + div.table-cell + { + display: table-cell; + height: 25px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="red-overlapped"></div> + + <div id="green-overlapping-table"> + <div class="table-row"> + <div class="table-cell"></div><div class="table-cell"></div> + </div> + <div class="table-row"> + <div class="table-cell"></div><div class="table-cell"></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/no_red_3x3_monospace_table-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/no_red_3x3_monospace_table-ref.xht new file mode 100644 index 0000000000..821ddc77b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/reference/no_red_3x3_monospace_table-ref.xht @@ -0,0 +1,71 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>Reference rendering - no red, 3x3 monospace table</title> + <link rel="author" title="Opera" href="https://www.opera.com/" /> + <style> + body { + font-family: monospace; + } + div { + position: relative; + } + table { + font-size: 2em; + border-spacing: 0; + position: absolute; + top: 1px; + left: 1px; + } + td { + padding: 0; + } + #red { + color: red; + } + #green { + color: green; + } + </style> + </head> + <body> + <p>There should be no red below, except for antialiasing issues.</p> + <div> + <table id="red"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + <table id="green"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/no_red_antialiasing_a_bc_d-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/no_red_antialiasing_a_bc_d-ref.xht new file mode 100644 index 0000000000..b6b83e1885 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/reference/no_red_antialiasing_a_bc_d-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>Reference rendering - no red except antialiasing, a bc d</title> + <link rel="author" title="Opera" href="https://www.opera.com/" /> + <style type="text/css"> + #outer { + position: relative; + font-size: 2em; + } + #inner1, #inner2 { + position: absolute; + top: 1px; + left: 1px; + } + #inner1 { + color: red; + } + #inner2 { + color: green; + } + </style> +</head> +<body> + <p>There should be no red below, except for antialiasing issues.</p> + <div id="outer"> + <div id="inner1">a bc d</div> + <div id="inner2">a bc d</div> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-border-spacing-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-border-spacing-ref.xht new file mode 100644 index 0000000000..ab82821d66 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-border-spacing-ref.xht @@ -0,0 +1,16 @@ +<!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> + <style><![CDATA[ + #target { border-spacing: 20px; } + #target > * { display: table-cell; border: 1px solid black; } + ]]></style> + </head> +<body> + <p>There should be 20px border-spacing in the table below.</p> + <div id="target"> + <div>First cell</div> + <div>Second cell</div> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-text-indent-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-text-indent-ref.xht new file mode 100644 index 0000000000..08cffbf3cc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/reference/table-anonymous-text-indent-ref.xht @@ -0,0 +1,16 @@ +<!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> + <style><![CDATA[ + #target { text-indent: 20px; display: table; } + #target > * { display: table-cell; border: 1px solid black; } + ]]></style> + </head> +<body> + <p>There should be 20px text-indent in the table below.</p> + <div id="target"> + <div>First cell</div> + Second cell (no element on purpose) + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/reference/table-margin-004-ref.xht b/testing/web-platform/tests/css/CSS2/tables/reference/table-margin-004-ref.xht new file mode 100644 index 0000000000..66f507f3ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/reference/table-margin-004-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/" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + table + { + border: blue solid medium; + border-spacing: 0em 1em; + color: black; + font: 1.25em/1 Ahem; + width: 100%; + } + + td {padding: 0em 0em 0em 1em;} + ]]></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> + + <table> + <tr><td>1111</td></tr> + <tr><td>2222</td></tr> + <tr><td>3333</td></tr> + <tr><td>4444</td></tr> + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/row-visibility-001.xht b/testing/web-platform/tests/css/CSS2/tables/row-visibility-001.xht new file mode 100644 index 0000000000..50f17a5567 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/row-visibility-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: Row and the 'visibility' property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + <meta name="assert" content="A 'visibility' value of 'collapse' applies to table rows." /> + <style type="text/css"> + #table + { + display: table; + } + #row1 + { + background: red; + visibility: collapse; + } + #row2 + { + background: green; + } + #row1, #row2 + { + display: table-row; + } + .cell + { + display: table-cell; + 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="table"> + <div id="row1"> + <div class="cell"></div> + </div> + <div id="row2"> + <div class="cell"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/row-visibility-002.xht b/testing/web-platform/tests/css/CSS2/tables/row-visibility-002.xht new file mode 100644 index 0000000000..c481db0b43 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/row-visibility-002.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: Row group and the 'visibility' property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + <meta name="assert" content="The 'visibility' value of 'collapse' applies to table row groups." /> + <style type="text/css"> + #table + { + display: table; + } + #rowgroup1 + { + background: red; + visibility: collapse; + } + #rowgroup2 + { + background: green; + } + #rowgroup1, #rowgroup2 + { + display: table-row-group; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + 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="table"> + <div id="rowgroup1"> + <div id="row"> + <div class="cell"></div> + </div> + </div> + <div id="rowgroup2"> + <div class="row"> + <div class="cell"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/row-visibility-003.xht b/testing/web-platform/tests/css/CSS2/tables/row-visibility-003.xht new file mode 100644 index 0000000000..862e29972e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/row-visibility-003.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: Spanning cell that intersects a 'visibility: collapse' row</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Contents of a spanned cell which intersect with a collapsed row are clipped." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + font: 128px/1 Ahem; + } + tr#collapsed-row + { + visibility: collapse; + } + td + { + color: green; + height: 1em; + padding: 0; + width: 1em; + } + .row-intersection + { + color: red; + } + </style> + </head> + <body> + <p>Test passes if there is a green square below and there is no red visible on the page.</p> + <table> + <col /> + <col /> + <col /> + <tr> + <td></td> + <td rowspan="2">P <span class="row-intersection">F</span></td> + <td></td> + </tr> + <tr id="collapsed-row"> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/row-visibility-004.xht b/testing/web-platform/tests/css/CSS2/tables/row-visibility-004.xht new file mode 100644 index 0000000000..38648068e1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/row-visibility-004.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: A spanning cell that originates from a 'visibility: collapse' row</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#dynamic-effects" /> + <meta name="assert" content="A row-spanning cell which originates in a collapsed row is completely collapsed along with its row." /> + <style type="text/css"> + #row + { + visibility: collapse; + } + td + { + background: blue; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue box below with a letter "X" aligned to its left side.</p> + <table> + <tr id="row"> + <td rowspan="2">X</td> + <td>X</td> + </tr> + <tr> + <td>X</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-001.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-001.xht new file mode 100644 index 0000000000..1d103b19fa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-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: Distance between the table border and a bordering cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="The distance between table border and bordering cell equals table padding + cell's border spacing." /> + <style type="text/css"> + table + { + border-left: 10px solid black; + border-spacing: 50px 0; + padding-left: 50px; + } + td + { + background: black; + height: 1em; + padding: 0; + width: 10px; + } + div + { + background: blue; + height: 1em; + width: 120px; + } + </style> + </head> + <body> + <p>Test passes if the blue box spans from the start of the first black box to the end of the second black box.</p> + <table> + <tr> + <td></td> + </tr> + </table> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003.xht new file mode 100644 index 0000000000..4d56a1b674 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-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: HTML/XHTML table width equation</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="The width of an HTML/XHTML table is the distance between the left and right table border edges." /> + <style type="text/css"> + table + { + border-spacing: 50px 0; + } + td + { + width: 100px; + } + div + { + background: blue; + height: 100px; + } + table, td + { + background: black; + border: 25px solid black; + padding: 25px; + } + div + { + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same width.</p> + <table> + <tr> + <td>X</td> + </tr> + </table> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003a.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003a.xht new file mode 100644 index 0000000000..f0fed03716 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003a.xht @@ -0,0 +1,64 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 width as set when greater than sum of columns width</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/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The width of an HTML/XHTML table is the distance between the left and right table border edges. The width of a table with 'table-layout' set to 'fixed' is the greater of the value of the 'width' property for the <table> element and the sum of the columns width (plus cell spacing and cell borders). If the table is wider than the sum of columns' width, then the extra (exceeding) space should be distributed over the columns." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#overlapped-red + { + background-color: red; + height: 100px; + left: auto; + position: absolute; + top: auto; + width: 100px; + z-index: -1; + } + + table + { + background-color: red; + border-collapse: separate; + border-spacing: 0px; + table-layout: fixed; + width: 100px; + } + + td + { + background-color: green; + color: green; + font: 20px/1 Ahem; + padding: 15px 1px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="overlapped-red"></div> + + <table> + <tr> + <td>1</td><td>2</td> + </tr> + <tr> + <td>3</td><td>4</td> + </tr> + </table> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b-ref.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b-ref.xht new file mode 100644 index 0000000000..09f6e6a825 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b-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: black; + border-bottom: blue solid 100px; + height: 100px; + width: 500px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the black and blue rectangles are the <strong>same width</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b.xht new file mode 100644 index 0000000000..36be8c21f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-003b.xht @@ -0,0 +1,80 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: border-collapse: separate - HTML/XHTML table set width greater than sum of columns</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/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="match" href="separated-border-model-003b-ref.xht" /> + + <meta name="assert" content="In the border-collapse: separate model, the width of an HTML/XHTML table is the distance between the left and right table border edges. If the set width of an HTML/XHTML table is greater than the sum of the columns width (plus cell spacing and table borders), then the extra (exceeding) space should be distributed over the columns." /> + + <style type="text/css"><![CDATA[ + table + { + background-color: black; + border-spacing: 50px 0; + table-layout: fixed; + width: 500px; + } + + table, td + { + border-left: black solid 11px; + border-right: black solid 17px; + padding: 25px 39px 25px 33px; + } + + td {width: 100px;} + + /* + + 11px (table's border-left) + 33px (table's padding-left) + 50px (left-most border-spacing) + 11px (td's border-left) + 33px (td's padding-left) + 100px (td's set content width) + 39px (td's padding-right) + 17px (td's border-right) + 50px (right-most border-spacing) + 39px (table's padding-right) + 17px (table's border-right) + ----- + 400px + + + Since the set width (500px) for the XHTML/HTML table is greater than the + sum of columns width (400px), then the extra (exceeding) space is distributed + evenly among columns. So, here, the used width for the single td should + be 200px, not 100px. + + */ + + div + { + background-color: blue; + height: 100px; + width: 500px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the black and blue rectangles are the <strong>same width</strong>.</p> + + <table> + <tr> + <td></td> + </tr> + </table> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004.xht new file mode 100644 index 0000000000..98656afc79 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004.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: Width of a table in separated borders mode</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the border spacing but excluding padding and border)." /> + <style type="text/css"> + #table + { + display: table; + width: 200px; + padding: 0 50px; + border-spacing: 50px 0; + border-right: 100px solid white; + border-left: 100px solid white; + } + #tr + { + display: table-row; + } + #td + { + display: table-cell; + background: black; + height: 10px; + width: 50px; + overflow: visible; + } + #reference + { + background: blue; + left: 208px; + height: 10px; + margin-top: 10px; + position: absolute; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the black and blue boxes are the same width.</p> + <div id="table"> + <div id="tr"> + <div id="td"></div> + </div> + </div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004a.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004a.xht new file mode 100644 index 0000000000..10b6075afc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004a.xht @@ -0,0 +1,85 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 CSS table in border-collapse separate model</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/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border-spacing but excluding table padding and table borders)." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red + { + background-color: red; + height: 100px; + left: auto; + position: absolute; + top: auto; + width: 100px; + z-index: -1; + } + + div#table + { + background-color: green; + border-spacing: 2px 5px; + color: green; + display: table; + font: 20px/1 serif; + padding-top: 5px; + table-layout: fixed; + width: 100px; + /* + The set width (100px) is larger than sum of columns' width plus cell spacing + + 2px : left-most border-spacing + + + 40px : div.td's width: leftmost cell width in first row) + + + 2px : middle border-spacing + + + 40px : div.td's width: rightmost cell width in first row) + + + 2px : right-most border-spacing + ====== + 86px : sum of columns plus cell spacing + + + 100px : set width of table + - + 86px : sum of columns plus cell spacing + ====== + 14px : such extra (exceeding) 14px width will be distributed over + the columns. + */ + } + + div.tr {display: table-row;} + + div.td {display: table-cell;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="overlapped-red"></div> + + <div id="table"> + <div class="tr"> + <div class="td">11<br />11</div><div class="td">22<br />22</div> + </div> + <div class="tr"> + <div class="td">33<br />33</div><div class="td">44<br />44</div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004b.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004b.xht new file mode 100644 index 0000000000..9238d82b98 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004b.xht @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 CSS table in border-collapse separate model</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/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border spacing but excluding table padding and table borders)." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-table + { + background-color: green; + border: green solid 10px; + border-collapse: separate; + border-spacing: 0px 5px; + color: green; + display: table; + font: 20px/1 serif; + padding-bottom: 25px; + table-layout: fixed; + width: 80px; + /* + The width of a CSS table is given by the greater of the value of + the 'width' property as set for the CSS table and the sum of the + columns width plus border spacing: + + max(set width, sum of columns width plus border spacing). + + The width (as set) of a CSS table is given by its content-box, not + by its border-box. + + In this testcase, the content-box must be 100px by 100px and all + filled with green color. + In this testcase, the border-box must be 200px by 200px and all + filled with green color. + + The set width (100px) is larger than sum of columns width plus + border spacing + + 0px : left-most border-spacing + + + 20px : div#td's width + + + 0px : middle border-spacing between 1st and 2nd cell + + + 20px : div#td's width + + + 0px : right-most border-spacing + ===== + 40px : sum of columns width plus border spacing + + + 80px : set width of table + - + 40px : sum of columns plus border spacing + ====== + 40px : the extra (exceeding) 40px width will be distributed over + the columns, therefore given to both cells of the table. + */ + } + + div.tr {display: table-row;} + + div.td {display: table-cell;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="overlapped-red"></div> + + <div id="overlapping-green-table"> + <div class="tr"> + <div class="td">1</div><div class="td">2</div> + </div> + <div class="tr"> + <div class="td">3</div><div class="td">4</div> + </div> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004c.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004c.xht new file mode 100644 index 0000000000..6f18ec0723 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004c.xht @@ -0,0 +1,86 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 CSS table in border-collapse separate model</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/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border-spacing but excluding table padding and table borders)." name="assert" /> + + <style type="text/css"><![CDATA[ + div#overlapped-red + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + div#overlapping-green-table + { + background-color: green; + border-collapse: separate; + border-spacing: 1em; + color: green; + display: table; + font: 20px/1 serif; + table-layout: fixed; + width: 70px; + /* + The width of a CSS table is given by the greater of the value of + the 'width' property as set for the CSS table and the sum of the columns + width (plus border spacing): + + max(set width, sum of columns width plus border spacing) + + The set width (70px) is smaller than sum of columns width plus border + spacing + + 20px : left-most border-spacing + + + 20px : div.td's width + + + 20px : middle border-spacing between 1st and 2nd cell + + + 20px : div.td's width + + + 20px : right-most border-spacing + ======= + 100px : sum of columns plus border spacing + */ + } + + div.tr {display: table-row;} + + div.td + { + display: table-cell; + width: 1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div id="overlapped-red"></div> + + <div id="overlapping-green-table"> + <div class="tr"> + <div class="td">1</div><div class="td">2</div> + </div> + <div class="tr"> + <div class="td">3</div><div class="td">4</div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d-ref.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d-ref.xht new file mode 100644 index 0000000000..dc052ab074 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d-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: green; + height: 100px; + margin-left: 32px; + margin-top: 24px; + width: 100px; + } + + div.two-and-three {margin-top: 8px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 3 filled green squares with the <strong>same width</strong>.</p> + + <div></div> + + <div class="two-and-three"></div> + + <div class="two-and-three"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d.xht new file mode 100644 index 0000000000..7269e1f97d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004d.xht @@ -0,0 +1,119 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 CSS table in border-collapse separate model</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/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="match" href="separated-border-model-004d-ref.xht" /> + + <meta content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border-spacing but excluding table padding and table borders)." name="assert" /> + + <style type="text/css"><![CDATA[ + div#table-width-set + { + background-color: green; + border-left: white solid 32px; + border-top: white solid 8px; + border-spacing: 17px 0; + display: table; + padding: 0px; + table-layout: fixed; + width: 100px; + /* + The set width (100px) of this CSS table is larger than sum of columns plus + border spacing + + 17px (left-most border-spacing) + + + 16px (div#td's width) + + + 17px (right-most border-spacing) + ====== + 50px : sum of columns plus border spacing + + 100px (width of table) + - + 50px (sum of columns plus border spacing) + ====== + 50px : such extra (exceeding) 50px width will be distributed + over the columns, therefore given to the unique cell of such + div#table-width-set . + */ + } + + div.tr {display: table-row;} + + div.td + { + display: table-cell; + height: 100px; + width: 16px; + } + + div#table-sum-of-columns + { + background-color: green; + border-left: white solid 32px; + border-top: white solid 8px; + border-spacing: 42px 0; + display: table; + padding: 0px; + table-layout: fixed; + width: 9px; + + /* + The width of a CSS table is given by the greater of the value of + the 'width' property as set for the table element and the sum of the columns' + width (plus border spacing): + + max(set width, sum of columns width plus border spacing) + + The set width (9px) is smaller than sum of columns (plus border spacing) + + 42px (left-most border-spacing) + + + 16px (div.td's width) + + + 42px (right-most border-spacing) + ====== + 100px : sum of columns plus border spacing + */ + } + + div#reference + { + background-color: green; + height: 100px; + left: 32px; /* equal to the tables' border-left */ + position: relative; + top: 8px; /* equal to the tables' border-top */ + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are 3 filled green squares with the <strong>same width</strong>.</p> + + <div id="table-width-set"> + <div class="tr"> + <div class="td"></div> + </div> + </div> + + <div id="table-sum-of-columns"> + <div class="tr"> + <div class="td"></div> + </div> + </div> + + <div id="reference"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e-ref.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e-ref.xht new file mode 100644 index 0000000000..20cbfafe7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e-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[ + div + { + background-color: black; + height: 1em; + margin-left: 185px; + margin-bottom: 10px; + width: 96px; + } + + div#second {background-color: blue;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the black and blue stripes have the <strong>same width</strong>.</p> + + <div></div> + + <div id="second"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e.xht new file mode 100644 index 0000000000..6fc350f651 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-004e.xht @@ -0,0 +1,105 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 CSS table in border-collapse separate model</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/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="match" href="separated-border-model-004e-ref.xht" /> + + <meta content="The width of a CSS table is the distance from the left inner padding edge to the right inner padding edge (including the table border-spacing but excluding table padding and table borders)." name="assert" /> + + <style type="text/css"><![CDATA[ + div#table + { + border-left: 100px solid white; + border-right: 100px solid white; + border-spacing: 52px 0; + display: table; + padding: 0 33px; + width: 200px; + /* + The width of a CSS table is the distance from the left inner padding + edge to the right inner padding edge (including the table border-spacing + but excluding table padding and table borders). + + Therefore the 'padding: 0 33px;' is not involved in the used width + calculation and 'border-left: 100px solid white;' and + 'border-right: 100px solid white;' are not involved in the used + width calculation. + + The width of a CSS table is given by the greater of the value of + the 'width' property as set for the CSS table and the sum of the columns + width (plus border spacing): + + max(set width, sum of columns width plus border spacing) + + Here, the set width is 200px. + + The sums of columns' width plus border spacing is given by: + + 52px (left-most border-spacing) + + + 0px (div#td's width) + + + 52px (right-most border-spacing) + ====== + 104px : sum of columns plus border spacing + + 200px (set width of table) + - + 104px (sum of columns plus border spacing) + ===== + 96px : such extra (exceeding) 96px width will be distributed over + the columns, therefore given to the unique cell of such div#table + + So, the div#td should be 96px wide, 16px tall and painted black. + */ + } + + div#tr {display: table-row;} + + div#td + { + background-color: black; + display: table-cell; + height: 1em; + } + + div#reference + { + background-color: blue; + height: 1em; + left: 185px; + /* + 100px : table's border-left + 33px : table's padding-left + 52px : left-most border-spacing + ----- + 185px + */ + margin-top: 10px; + position: relative; + width: 96px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the black and blue stripes have the <strong>same width</strong>.</p> + + <div id="table"> + <div id="tr"> + <div id="td"></div> + </div> + </div> + + <div id="reference"></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-006.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-006.xht new file mode 100644 index 0000000000..f4366ba639 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-006.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: Row and column backgrounds in the separated borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Table row, column, row group and column group backgrounds are invisible in the space between borders." /> + <style type="text/css"> + table + { + border-collapse: separate; + border-spacing: 25px; + background: blue; + } + colgroup + { + background-color: orange; + } + col + { + background-color: orange; + } + tbody + { + background-color: black; + } + tr + { + background-color: black; + } + </style> + </head> + <body> + <p>Test passes if all four black boxes below are surrounded on all sides by blue.</p> + <table> + <colgroup> + <col /> + <col /> + </colgroup> + <colgroup> + <col /> + <col /> + </colgroup> + <tbody> + <tr> + <td>X</td> + <td>X</td> + </tr> + </tbody> + <tbody> + <tr> + <td>X</td> + <td>X</td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-007-ref.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-007-ref.xht new file mode 100644 index 0000000000..a75a80dcae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-007-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[ + body {margin: 1em;} + + p {font: 1em/2 serif;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-007.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-007.xht new file mode 100644 index 0000000000..8b22c8cd2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-007.xht @@ -0,0 +1,139 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: Border-spacing - contiguous table-row-groups (thead and tbody)</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/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="match" href="separated-border-model-007-ref.xht" /> + + <meta content="When a table element has 2 contiguous table-row-groups (thead, tbody, tfoot or more than 1 tbody elements), then border-spacing between such table-row-groups - thead and tbody in this testcase - must merge, must collapse into one." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + font: 1em/2 serif; + margin: 1em; + } + + div#expected-results {top: 1em;} + + div + { + background-color: white; + height: 3em; + left: 1em; + position: absolute; + width: 600px; + } + + table + { + background-color: red; + border-collapse: separate; + border-spacing: 0em 3em; + margin-top: 0px; + table-layout: fixed; + } + + td + { + background-color: white; + height: 2em; + padding: 0px; + width: 600px; + } + + div#between-thead-and-tbody {top: 6em;} + + div#after-tbody {top: 11em;} + ]]></style> + + </head> + + <body> + + <table> + + <thead> + <tr> + <td></td> + </tr> + </thead> + + <tbody> + <tr> + <td></td> + </tr> + </tbody> + + </table> + + <div id="expected-results">Test passes if there is <strong>no red</strong>.</div> + + <div id="between-thead-and-tbody"></div> + + <div id="after-tbody"></div> + +<!-- + + The vertical positioning of the (overlapped) table, sub-table + components and border-spacing areas between table-row-groups + + 0px + <body>'s margin-top + =================================== 16px (1em) + | | + | border=spacing 48px (3em) | + | with red background=color | + =================================== 64px (4em) + | <thead> | + | should be 32px (2em) | + =================================== 96px (6em) + | | + | border=spacing 48px (3em) | + | with red background=color | + =================================== 144px (9em) + | <tbody> | + | should be 32px (2em) | + =================================== 176px (11em) + | | + | border=spacing 48px (3em) | + | with red background=color | + =================================== 224px (14em) + + + ******************************************** + + + The vertical positioning of the absolutely positioned overlapping white <div>s + + 0px + <body>'s margin=top + =================================== 16px (1em) + | | + | div#expected=results 48px (3em) | + | with white background=color | + =================================== 64px (4em) + | | + | | + =================================== 96px (6em) + | | + | div#between=thead=and=tbody 48px| + | with white background=color | + =================================== 144px (9em) + | | + | | + =================================== 176px (11em) + | | + | div#after=tbody 48px (3em) | + | with white background=color | + =================================== 224px (14em) + +--> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-008.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-008.xht new file mode 100644 index 0000000000..4149c7a998 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-008.xht @@ -0,0 +1,139 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: Border-spacing - contiguous table-row-groups (tbody and tfoot)</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/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="match" href="separated-border-model-007-ref.xht" /> + + <meta content="When a table element has 2 contiguous table-row-groups (thead, tbody, tfoot or more than 1 tbody elements), then border-spacing between such table-row-groups - tbody and tfoot in this testcase - must merge, must collapse into one." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + font: 1em/2 serif; + margin: 1em; + } + + div#expected-results {top: 1em;} + + div + { + background-color: white; + height: 3em; + left: 1em; + position: absolute; + width: 600px; + } + + table + { + background-color: red; + border-collapse: separate; + border-spacing: 0em 3em; + margin-top: 0px; + table-layout: fixed; + } + + td + { + background-color: white; + height: 2em; + padding: 0px; + width: 600px; + } + + div#between-tbody-and-tfoot {top: 6em;} + + div#after-tfoot {top: 11em;} + ]]></style> + + </head> + + <body> + + <table> + + <tfoot> + <tr> + <td></td> + </tr> + </tfoot> + + <tbody> + <tr> + <td></td> + </tr> + </tbody> + + </table> + + <div id="expected-results">Test passes if there is <strong>no red</strong>.</div> + + <div id="between-tbody-and-tfoot"></div> + + <div id="after-tfoot"></div> + +<!-- + + The vertical positioning of the (overlapped) table, sub-table + components and border-spacing areas between table-row-groups + + 0px + <body>'s margin-top + =================================== 16px (1em) + | | + | border=spacing 48px (3em) | + | with red background=color | + =================================== 64px (4em) + | <tbody> | + | should be 32px (2em) | + =================================== 96px (6em) + | | + | border=spacing 48px (3em) | + | with red background=color | + =================================== 144px (9em) + | <tfoot> | + | should be 32px (2em) | + =================================== 176px (11em) + | | + | border=spacing 48px (3em) | + | with red background=color | + =================================== 224px (14em) + + + ******************************************** + + + The vertical positioning of the absolutely positioned overlapping white <div>s + + 0px + <body>'s margin=top + =================================== 16px (1em) + | | + | div#expected=results 48px (3em) | + | with white background=color | + =================================== 64px (4em) + | | + | | + =================================== 96px (6em) + | | + | div#between=tbody=and=tfoot 48px| + | with white background=color | + =================================== 144px (9em) + | | + | | + =================================== 176px (11em) + | | + | div#after=tfoot 48px (3em) | + | with white background=color | + =================================== 224px (14em) + +--> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/separated-border-model-009.xht b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-009.xht new file mode 100644 index 0000000000..40471be0ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/separated-border-model-009.xht @@ -0,0 +1,139 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Test: Border-spacing - contiguous table-row-groups (2 tbodies)</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/tables.html#separated-borders" title="17.6.1 The separated borders model" /> + <link rel="match" href="separated-border-model-007-ref.xht" /> + + <meta content="When a table element has 2 contiguous table-row-groups (thead, tbody, tfoot or more than 1 tbody elements), then border-spacing between such table-row-groups - 2 tbodies in this testcase - must merge, must collapse into one." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + font: 1em/2 serif; + margin: 1em; + } + + div#expected-results {top: 1em;} + + div + { + background-color: white; + height: 3em; + left: 1em; + position: absolute; + width: 600px; + } + + table + { + background-color: red; + border-collapse: separate; + border-spacing: 0em 3em; + margin-top: 0px; + table-layout: fixed; + } + + td + { + background-color: white; + height: 2em; + padding: 0px; + width: 600px; + } + + div#between-tbodies {top: 6em;} + + div#after-2nd-tbody {top: 11em;} + ]]></style> + + </head> + + <body> + + <table> + + <tbody> + <tr> + <td></td> + </tr> + </tbody> + + <tbody> + <tr> + <td></td> + </tr> + </tbody> + + </table> + + <div id="expected-results">Test passes if there is <strong>no red</strong>.</div> + + <div id="between-tbodies"></div> + + <div id="after-2nd-tbody"></div> + +<!-- + + The vertical positioning of the (overlapped) table, sub-table + components and border-spacing areas between table-row-groups + + 0px + <body>'s margin-top + =================================== 16px (1em) + | | + | border=spacing 48px (3em) | + | with red background=color | + =================================== 64px (4em) + | <tbody> | + | should be 32px (2em) | + =================================== 96px (6em) + | | + | border=spacing 48px (3em) | + | with red background=color | + =================================== 144px (9em) + | <tbody> | + | should be 32px (2em) | + =================================== 176px (11em) + | | + | border=spacing 48px (3em) | + | with red background=color | + =================================== 224px (14em) + + + ******************************************** + + + The vertical positioning of the absolutely positioned overlapping white <div>s + + 0px + <body>'s margin=top + =================================== 16px (1em) + | | + | div#expected=results 48px (3em) | + | with white background=color | + =================================== 64px (4em) + | | + | | + =================================== 96px (6em) + | | + | div#between=tbodies 48px (3em) | + | with white background=color | + =================================== 144px (9em) + | | + | | + =================================== 176px (11em) + | | + | div#after=2nd=tbody 48px (3em) | + | with white background=color | + =================================== 224px (14em) + +--> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/tables/support/1x1-green.png Binary files differnew file mode 100644 index 0000000000..b98ca0ba0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/1x1-green.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/tables/support/1x1-lime.png Binary files differnew file mode 100644 index 0000000000..cb397fb090 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/1x1-lime.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/tables/support/1x1-maroon.png Binary files differnew file mode 100644 index 0000000000..3f86b07219 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/1x1-maroon.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/tables/support/1x1-navy.png Binary files differnew file mode 100644 index 0000000000..9b9a03955b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/1x1-navy.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/tables/support/1x1-red.png Binary files differnew file mode 100644 index 0000000000..6bd73ac101 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/1x1-red.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/tables/support/1x1-white.png Binary files differnew file mode 100644 index 0000000000..dd43faec54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/1x1-white.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/tables/support/60x60-gg-rr.png Binary files differnew file mode 100644 index 0000000000..84f5b2a4f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/60x60-gg-rr.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/tables/support/60x60-green.png Binary files differnew file mode 100644 index 0000000000..b3c8cf3eb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/60x60-green.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/a-green.css b/testing/web-platform/tests/css/CSS2/tables/support/a-green.css new file mode 100644 index 0000000000..b0dbb071d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/a-green.css @@ -0,0 +1 @@ +.a { color: green; } diff --git a/testing/web-platform/tests/css/CSS2/tables/support/b-green.css b/testing/web-platform/tests/css/CSS2/tables/support/b-green.css new file mode 100644 index 0000000000..a0473f5ca2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/b-green.css @@ -0,0 +1 @@ +.b { color: green; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/support/bar_with_corner_dot.png b/testing/web-platform/tests/css/CSS2/tables/support/bar_with_corner_dot.png Binary files differnew file mode 100644 index 0000000000..fbbc56de16 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/bar_with_corner_dot.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/blue-orange-rectangle.png b/testing/web-platform/tests/css/CSS2/tables/support/blue-orange-rectangle.png Binary files differnew file mode 100644 index 0000000000..f43f193291 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/blue-orange-rectangle.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/tables/support/blue15x15.png Binary files differnew file mode 100644 index 0000000000..89de32fdb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/blue15x15.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_001.png b/testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_001.png Binary files differnew file mode 100644 index 0000000000..b95bf11d90 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_001.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_002.png b/testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_002.png Binary files differnew file mode 100644 index 0000000000..c0a53f827d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/border_conflict_example_002.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/c-red.css b/testing/web-platform/tests/css/CSS2/tables/support/c-red.css new file mode 100644 index 0000000000..d4ba5c64e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/c-red.css @@ -0,0 +1 @@ +.c { color: red; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/support/cat.png b/testing/web-platform/tests/css/CSS2/tables/support/cat.png Binary files differnew file mode 100644 index 0000000000..85dd732481 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/cat.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/diamond.png b/testing/web-platform/tests/css/CSS2/tables/support/diamond.png Binary files differnew file mode 100644 index 0000000000..51112efc7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/diamond.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/frameset-border-spacing-001.htm b/testing/web-platform/tests/css/CSS2/tables/support/frameset-border-spacing-001.htm new file mode 100644 index 0000000000..50057c0115 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/frameset-border-spacing-001.htm @@ -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>Support file for 'frameset-border-spacing-001.htm'</title> + </head> + <body> + <p>Test passes if either four blue vertical lines or two grey lines appear to the left and right of this text.</p> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/support/green15x15.png b/testing/web-platform/tests/css/CSS2/tables/support/green15x15.png Binary files differnew file mode 100644 index 0000000000..51741584a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/green15x15.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rgr-grg.png Binary files differnew file mode 100644 index 0000000000..9b88fbd811 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rgr-grg.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rrg-rgg.png Binary files differnew file mode 100644 index 0000000000..fcf4f3fd7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/pattern-grg-rrg-rgg.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/tables/support/pattern-rgr-grg-rgr.png Binary files differnew file mode 100644 index 0000000000..d454e3a630 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/pattern-rgr-grg-rgr.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/tables/support/pattern-tr.png Binary files differnew file mode 100644 index 0000000000..8b4b25364e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/pattern-tr.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/repeatable-diagonal-gradient-with-ticks.png b/testing/web-platform/tests/css/CSS2/tables/support/repeatable-diagonal-gradient-with-ticks.png Binary files differnew file mode 100644 index 0000000000..1b019db984 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/repeatable-diagonal-gradient-with-ticks.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/ring.png b/testing/web-platform/tests/css/CSS2/tables/support/ring.png Binary files differnew file mode 100644 index 0000000000..061bb94eba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/ring.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/ruler-h-200px-400px.png b/testing/web-platform/tests/css/CSS2/tables/support/ruler-h-200px-400px.png Binary files differnew file mode 100644 index 0000000000..a6461c3d3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/ruler-h-200px-400px.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/square-purple.png b/testing/web-platform/tests/css/CSS2/tables/support/square-purple.png Binary files differnew file mode 100644 index 0000000000..0f522d7872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/square-purple.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/square-teal.png b/testing/web-platform/tests/css/CSS2/tables/support/square-teal.png Binary files differnew file mode 100644 index 0000000000..e567f51b91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/square-teal.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/square-white.png b/testing/web-platform/tests/css/CSS2/tables/support/square-white.png Binary files differnew file mode 100644 index 0000000000..5853cbb238 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/square-white.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-lime.png Binary files differnew file mode 100644 index 0000000000..55fd7fdaed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-lime.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-orange.png Binary files differnew file mode 100644 index 0000000000..d3cd498b52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-orange.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-white.png Binary files differnew file mode 100644 index 0000000000..1a7d4323d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-white.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/tables/support/swatch-yellow.png Binary files differnew file mode 100644 index 0000000000..1591aa0e2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/swatch-yellow.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/test-bl.png b/testing/web-platform/tests/css/CSS2/tables/support/test-bl.png Binary files differnew file mode 100644 index 0000000000..904e24e996 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/test-bl.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/test-br.png b/testing/web-platform/tests/css/CSS2/tables/support/test-br.png Binary files differnew file mode 100644 index 0000000000..f413ff5c1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/test-br.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/test-outer.png b/testing/web-platform/tests/css/CSS2/tables/support/test-outer.png Binary files differnew file mode 100644 index 0000000000..82eeace7fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/test-outer.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/test-tl.png b/testing/web-platform/tests/css/CSS2/tables/support/test-tl.png Binary files differnew file mode 100644 index 0000000000..f6ac0ef7e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/test-tl.png diff --git a/testing/web-platform/tests/css/CSS2/tables/support/test-tr.png b/testing/web-platform/tests/css/CSS2/tables/support/test-tr.png Binary files differnew file mode 100644 index 0000000000..59843ae54b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/support/test-tr.png diff --git a/testing/web-platform/tests/css/CSS2/tables/table-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-001.xht new file mode 100644 index 0000000000..18e86add12 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-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: Display-table</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="An element with display set to 'table' renders as if it were a table." /> + <style type="text/css"> + #table + { + background: black; + display: table; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-002.xht new file mode 100644 index 0000000000..d23c42a90f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-002.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: The anonymous block box around a table is not used for baseline vertical alignment</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The table box (and not anonymous containing block) is used for doing baseline vertical alignment for inline-table." /> + <style type="text/css"> + caption + { + color: white; + } + #table + { + background: black; + border-spacing: 0; + caption-side: bottom; + display: inline-table; + } + td + { + padding: 0; + vertical-align: baseline; + } + div + { + background: black; + } + </style> + </head> + <body> + <p>Test passes if the bottoms of the two boxes are vertically aligned.</p> + <table> + <tr> + <td> + <table id="table"> + <caption>XXXXXXXXX0</caption> + <tr> + <td>XXXXXXXXX0</td> + </tr> + </table> + </td> + <td> + <div>XXXXXXXXX0</div> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-003.xht new file mode 100644 index 0000000000..827bdec407 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-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: The anonymous block box around a table is as wide as the border edge of the table</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The anonymous block around the table and caption is as wide as the border edge of the table box." /> + <style type="text/css"> + div + { + color: blue; + } + #table + { + background: black; + display: table; + float: left; + width: 100px; + } + #caption + { + background: blue; + color: blue; + display: table-caption; + width: 200px; + } + #tr + { + display: table-row; + } + #td + { + color: black; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the blue box below is wider, and thus overhangs the black box and "Filler Text" appears immediately after the end (right side) of the black box.</p> + <div>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + <span id="table"> + <span id="caption">Filler Text Filler Text</span> + <span id="tr"> + <span id="td">Filler Text</span> + </span> + </span> + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text 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/tables/table-anonymous-block-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-004.xht new file mode 100644 index 0000000000..182e60b4f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-004.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: The anonymous block box around a table is not used for table percentage width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The percentage width of table is relative to its anonymous box's containing block." /> + <style type="text/css"> + #div1 + { + width: 400px; + } + table + { + border-spacing: 0; + width: 50%; + } + td + { + background: black; + } + #div2 + { + background: blue; + height: 1em; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if boxes below are the same width.</p> + <div id="div1"> + <table> + <tr> + <td>X</td> + </tr> + </table> + </div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-005.xht new file mode 100644 index 0000000000..4707881150 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-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: The anonymous block box around a table and the table 'position' property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The 'position' property of a table is actually applied to its anonymous block box." /> + <style type="text/css"> + div + { + border-top: 5px solid black; + width: 200px; + } + table + { + border-spacing: 0; + position: relative; + top: 100px; + } + caption + { + background: orange; + color: orange; + } + td + { + background: blue; + color: blue; + } + </style> + </head> + <body> + <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p> + <div> + <table> + <caption>Filler Text Filler Text</caption> + <tr> + <td>Filler Text Filler Text</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-006.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-006.xht new file mode 100644 index 0000000000..87c4f0e819 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-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: The anonymous block box around a table and the table 'float' property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The 'float' property of a table is actually applied to its anonymous block box." /> + <style type="text/css"> + div + { + border: solid black; + height: 125px; + width: 200px; + } + table + { + float: right; + border-spacing: 0; + } + caption + { + background: orange; + color: orange; + } + td + { + background: blue; + color: blue; + } + </style> + </head> + <body> + <p>Test passes if the orange box is directly on top of the blue box and they are both positioned in the upper-right corner of the black box.</p> + <div> + <table> + <caption>Filler Text Filler Text</caption> + <tr> + <td>Filler Text Filler Text</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-007.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-007.xht new file mode 100644 index 0000000000..1a49d72aa1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-007.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: The anonymous block box around a table and the table 'margin-top' property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The 'margin-top' property of a table is actually applied to its anonymous block box." /> + <style type="text/css"> + div + { + border-top: 5px solid black; + width: 200px; + } + table + { + border-spacing: 0; + margin-top: 100px; + } + caption + { + background: orange; + color: orange; + } + td + { + background: blue; + color: blue; + } + </style> + </head> + <body> + <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p> + <div> + <table> + <caption>Filler Text Filler Text</caption> + <tr> + <td>Filler Text Filler Text</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-008.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-008.xht new file mode 100644 index 0000000000..2572d13db1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-008.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: The anonymous block box around a table and the table 'right' property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The 'right' property of a table is actually applied to its anonymous block box." /> + <style type="text/css"> + div + { + border-left: 5px solid black; + height: 100px; + } + table + { + border-spacing: 0; + position: relative; + right: -100px; + } + caption + { + background: orange; + color: orange; + } + td + { + background: blue; + color: blue; + } + </style> + </head> + <body> + <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p> + <div> + <table> + <caption>Filler Text Filler Text</caption> + <tr> + <td>Filler Text Filler Text</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-009.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-009.xht new file mode 100644 index 0000000000..53994308ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-009.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: The anonymous block box around a table and the table 'bottom' property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The 'bottom' property of a table is actually applied to its anonymous block box." /> + <style type="text/css"> + div + { + border-top: 5px solid black; + width: 200px; + } + table + { + border-spacing: 0; + bottom: -100px; + position: relative; + } + caption + { + background: orange; + color: orange; + } + td + { + background: blue; + color: blue; + } + </style> + </head> + <body> + <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p> + <div> + <table> + <caption>Filler Text Filler Text</caption> + <tr> + <td>Filler Text Filler Text</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-010.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-010.xht new file mode 100644 index 0000000000..f0cfb0952c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-010.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: The anonymous block box around a table and the table 'left' property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The 'left' property of a table is actually applied to its anonymous block box." /> + <style type="text/css"> + div + { + border-left: 5px solid black; + height: 100px; + } + table + { + border-collapse: collapse; + left: 100px; + position: relative; + } + caption + { + background: orange; + color: orange; + } + td + { + background: blue; + color: blue; + } + </style> + </head> + <body> + <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p> + <div> + <table> + <caption>Filler Text Filler Text</caption> + <tr> + <td>Filler Text Filler Text</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-011.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-011.xht new file mode 100644 index 0000000000..c2e9141999 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-011.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: The anonymous block box around a table - table top margin is collapsed with caption top margin</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The top margin of the table caption is not collapsed with top margin of the table." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + border-top: 1em solid black; + width: 10em; + } + #div2 + { + background: blue; + height: 10em; + position: relative; + top: -4em; + width: 10em; + } + table + { + border-spacing: 0; + font: 1em/1 Ahem; + margin-top: 2em; + } + caption + { + background: red; + color: red; + margin-top: 2em; + } + td + { + background: red; + color: red; + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below and there is space between the black box and the blue box.</p> + <div id="div1"> + <table> + <caption>Filler Text</caption> + <tr> + <td>Filler Text</td> + </tr> + </table> + <div id="div2"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-012.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-012.xht new file mode 100644 index 0000000000..3cb564e8e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-012.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: The anonymous block box around a table - table bottom margin is collapsed with caption bottom margin</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The bottom margin of the table caption is not collapsed with bottom margin of the table when 'caption-side: bottom'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + border-bottom: 1em solid blue; + width: 10em; + } + table + { + margin-bottom: 5em; + border-spacing: 0; + font: 1em Ahem; + } + caption + { + background: black; + caption-side: bottom; + color: black; + margin-bottom: 10em; + width: 10em; + } + td + { + background: black; + color: black; + width: 10em; + } + #div2 + { + background: blue; + height: 10em; + position: relative; + top: -11em; + width: 10em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below and there is space between the black box and the blue box.</p> + <div id="div1"> + <table> + <caption>Filler Text</caption> + <tr> + <td>Filler Text</td> + </tr> + </table> + </div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-013.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-013.xht new file mode 100644 index 0000000000..e86937f7b8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-013.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: The anonymous box around a table as a 'block' box</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The anonymous box around a table is a 'block' box if the table is block-level." /> + <style type="text/css"> + #div1 + { + color: silver; + } + #table + { + background: orange; + color: orange; + display: table; + } + #caption + { + background: blue; + color: blue; + display: table-caption; + } + #tr + { + display: table-row; + } + #td + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the blue box is stacked on top of the orange box, the boxes do not take up the whole width of the page, and there is "Filler Text" above and below the boxes.</p> + <div id="div1">Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + <div id="table"> + <div id="caption">Filler Text Filler Text</div> + <div id="tr"> + <div id="td">Filler Text Filler Text</div> + </div> + </div> + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text 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/tables/table-anonymous-block-014.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-014.xht new file mode 100644 index 0000000000..4daa29d684 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-014.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: The anonymous box around a table as an 'inline-block' box</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The anonymous box around a table is an 'inline-block' box if the table is inline-level." /> + <style type="text/css"> + #table + { + display: inline-table; + background: orange; + color: orange; + } + #div1 + { + color: silver; + } + #caption + { + display: table-caption; + color: blue; + background: blue; + } + #tr + { + display: table-row; + } + #td + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the blue box is stacked on top of the orange box, the boxes do not take up the whole width of the page, and "Filler Text" flows to the left and right of the orange bar.</p> + <div id="div1">Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + <div id="table"> + <div id="caption">Filler TextFiller Text</div> + <div id="tr"> + <div id="td">Filler TextFiller Text</div> + </div> + </div> + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text 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/tables/table-anonymous-block-015.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-015.xht new file mode 100644 index 0000000000..1a4f7e547a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-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: The anonymous block box around a table is not used for table percentage height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="Percentage height of table is relative to its anonymous box's containing block." /> + <style type="text/css"> + #div1 + { + height: 400px; + } + #div2 + { + background: blue; + float: left; + height: 200px; + width: 1ex; + } + table + { + border-spacing: 0; + height: 50%; + } + td + { + background: black; + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same height.</p> + <div id="div1"> + <div id="div2"></div> + <table> + <tr> + <td>X</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-016.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-016.xht new file mode 100644 index 0000000000..3aa11d4996 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-016.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: The anonymous block box around a table and the table 'margin-bottom' property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The 'margin-bottom' property of a table is actually applied to its anonymous block box." /> + <style type="text/css"> + #container + { + border-bottom: 5px solid black; + width: 200px; + } + table + { + border-spacing: 0; + margin-bottom: 100px; + } + caption + { + background: blue; + caption-side: bottom; + color: blue; + } + td + { + background: orange; + color: orange; + } + </style> + </head> + <body> + <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p> + <div id="container"> + <table> + <caption>Filler Text Filler Text</caption> + <tr> + <td>Filler Text Filler Text</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-017.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-017.xht new file mode 100644 index 0000000000..2494db1a34 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-017.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: The anonymous block box around a table and the table 'margin-left' property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The 'margin-left' property of a table is actually applied to its anonymous block box." /> + <style type="text/css"> + div + { + border-left: 5px solid black; + height: 100px; + } + table + { + margin-left: 100px; + border-collapse: collapse; + } + caption + { + background: orange; + color: orange; + } + td + { + background: blue; + color: blue; + } + </style> + </head> + <body> + <p>Test passes if the blue box is directly beneath the orange box and neither box is touching the black line.</p> + <div> + <table> + <caption>Filler TextFiller Text</caption> + <tr> + <td>Filler TextFiller Text</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-018.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-018.xht new file mode 100644 index 0000000000..67f2a05188 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-018.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: The anonymous block box around a table and the table 'margin-right' property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The 'margin-right' property of a table is actually applied to its anonymous block box." /> + <style type="text/css"> + table + { + border-spacing: 0; + display: inline-table; + margin-right: 50px; + } + caption, td + { + background: blue; + color: blue; + } + td + { + padding: 0; + } + div + { + background: orange; + display: inline-block; + height: 50px; + width: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue box and orange square below, and the space between them is the same width as the orange square.</p> + <table> + <caption>XXXXXXXXX0</caption> + <tr> + <td>XXXXXXXXX0</td> + </tr> + </table> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-019.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-019.xht new file mode 100644 index 0000000000..d87f382d6d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-block-019.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: The anonymous block box around a table and the table 'margin' property</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The 'margin' property of a table is actually applied to its anonymous block box." /> + <style type="text/css"> + div + { + color: gray; + } + table + { + border-spacing: 0; + display: inline-table; + margin: 20px; + } + caption + { + background: blue; + color: blue; + } + td + { + background: black; + color: black; + } + </style> + </head> + <body> + <p>Test passes if the blue box is directly on top of the black box and there is "Filler Text" above and below the stacked boxes and to the right and left of the black box.</p> + <div> + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + <table> + <caption>XXXXX</caption> + <tr> + <td>XXXXX</td> + </tr> + </table> + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text 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/tables/table-anonymous-border-spacing.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-border-spacing.xht new file mode 100644 index 0000000000..d2c1bf8bd2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-border-spacing.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/table-anonymous-border-spacing-ref.xht"/> + <meta name="flags" content='dom'/> + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("target"); + t.style.borderSpacing = '20px'; + } + ]]></script> + <style><![CDATA[ + #target { border-spacing: 0; } + #target > * { display: table-cell; border: 1px solid black; } + ]]></style> + </head> +<body onload="doTest()"> + <p>There should be 20px border-spacing in the table below.</p> + <div id="target"> + <div>First cell</div> + <div>Second cell</div> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-000.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-000.xht new file mode 100644 index 0000000000..2cfa941e70 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-000.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: CSS Tables: Anonymous Cell Children</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/008.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" /> + <style type="text/css"> + + /* basics */ + .table { display: table; height: 5em; width: 5em; background: green; } + .table > * { display: table-cell; color: yellow; background: red; border: solid red; } + .table > *:after { content: 'FAIL!!!'; color: yellow; background: red; border: solid red; } + + </style> + </head> + <body> + <p>There should be a green block below.</p> + <div class="table"><!-- empty --></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-001.xht new file mode 100644 index 0000000000..2a6a10097f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-001.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + + <title>CSS Test: Auto-imported from Gecko test 121142-1a.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell"> + Cell 1 + </span> + <script type="text/javascript">document.body.offsetWidth</script> + <span style="display: table-cell"> + Cell 2 + </span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0"> + <tr> + <td>Cell 1</td> + <td>Cell 2</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-002.xht new file mode 100644 index 0000000000..847c097243 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-002.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + + <title>CSS Test: Auto-imported from Gecko test 121142-1a.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell"> + Cell 1 + </span> + <script type="text/javascript">document.body.offsetWidth</script> + <span style="display: table-cell"> + Cell 2 + </span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0"> + <tr> + <td>Cell 1</td> + <td>Cell 2</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-003.xht new file mode 100644 index 0000000000..0386c2e1da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-003.xht @@ -0,0 +1,36 @@ +<!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-imported from Gecko test 121142-1b.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-cell"> + Cell 1 + </span> + <script type="text/javascript">document.body.offsetWidth</script> + <span style="display: table-cell"> + Cell 2 + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0"> + <tr> + <td>Cell 1</td> + <td>Cell 2</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-004.xht new file mode 100644 index 0000000000..882bc8b49b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-004.xht @@ -0,0 +1,36 @@ +<!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-imported from Gecko test 121142-1b.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-cell"> + Cell 1 + </span> + <script type="text/javascript">document.body.offsetWidth</script> + <span style="display: table-cell"> + Cell 2 + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0"> + <tr> + <td>Cell 1</td> + <td>Cell 2</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-005.xht new file mode 100644 index 0000000000..9a4cae326e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-005.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: Auto-imported from Gecko test 121142-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + Cell 1 + <script type="text/javascript">document.body.offsetWidth</script> + Cell 2 + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0"> + <tr> + <td>Cell 1 Cell 2</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-006.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-006.xht new file mode 100644 index 0000000000..d2cd9ce353 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-006.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: Auto-imported from Gecko test 121142-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + Cell 1 + <script type="text/javascript">document.body.offsetWidth</script> + Cell 2 + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellspacing="0" cellpadding="0" style="border: none; padding: 0; margin: 0"> + <tr> + <td>Cell 1 Cell 2</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-007.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-007.xht new file mode 100644 index 0000000000..b462d58d8f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-007.xht @@ -0,0 +1,79 @@ +<!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-imported from Gecko test 156888-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function toggleRow(rowId) + { + var r = document.getElementById(rowId); + if (r.style.display == "none") + r.style.display = "inline"; + else + r.style.display = "none"; + } + + function doTest() { + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table border="5"> + <tr> + <td>Row 1</td> + </tr> + <tr> + <td>Row 2</td> + </tr> + <tr> + <td>Row 3</td> + </tr> + <tr id="row4" style="display: none"> + <td>Row 4</td> + </tr> + </table> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table border="5"> + <tr> + <td>Row 1</td> + </tr> + <tr> + <td>Row 2</td> + </tr> + <tr> + <td>Row 3</td> + </tr> + <tr style="display: inline"> + <td>Row 4</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-008.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-008.xht new file mode 100644 index 0000000000..bed7d45c7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-008.xht @@ -0,0 +1,79 @@ +<!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-imported from Gecko test 156888-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function toggleRow(rowId) + { + var r = document.getElementById(rowId); + if (r.style.display == "none") + r.style.display = "inline"; + else + r.style.display = "none"; + } + + function doTest() { + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + document.body.offsetWidth; + toggleRow('row4'); + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table border="5"> + <tr> + <td>Row 1</td> + </tr> + <tr> + <td>Row 2</td> + </tr> + <tr> + <td>Row 3</td> + </tr> + <tr id="row4" style="display: none"> + <td>Row 4</td> + </tr> + </table> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table border="5"> + <tr> + <td>Row 1</td> + </tr> + <tr> + <td>Row 2</td> + </tr> + <tr> + <td>Row 3</td> + </tr> + <tr style="display: inline"> + <td>Row 4</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-009.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-009.xht new file mode 100644 index 0000000000..5178e9a040 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-009.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: Auto-imported from Gecko test 203923-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var c = document.createElement("span"); + c.style.display = "table-cell"; + c.appendChild(document.createTextNode("bc")); + var t = document.getElementById("t"); + t.parentNode.insertBefore(c, t); + document.documentElement.className = ""; + } + ]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: block"> + <span style="display: table-cell">a</span> + <span style="display: table-cell; white-space: pre"> </span> + <span style="display: table-cell; white-space: pre" id="t"> </span> + <span style="display: table-cell">d</span> +</span></div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-010.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-010.xht new file mode 100644 index 0000000000..0baba6421c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-010.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: Auto-imported from Gecko test 203923-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var c = document.createElement("span"); + c.style.display = "table-cell"; + c.appendChild(document.createTextNode("bc")); + var t = document.getElementById("t"); + t.parentNode.insertBefore(c, t); + document.documentElement.className = ""; + } + ]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: block"> + <span style="display: table-cell">a</span> + <span style="display: table-cell; white-space: pre"> </span> + <span style="display: table-cell; white-space: pre" id="t"> </span> + <span style="display: table-cell">d</span> +</span></div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-011.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-011.xht new file mode 100644 index 0000000000..ca97ffc54a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-011.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: Auto-imported from Gecko test 203923-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.style.display = "none"; + document.body.offsetWidth; + t.style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: block"> + <span style="display: table-cell">a</span> + <span style="display: table-cell; white-space: pre"> </span> + <span style="display: table-cell;" id="t">bc</span> + <span style="display: table-cell; white-space: pre"> </span> + <span style="display: table-cell">d</span> +</span></div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-012.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-012.xht new file mode 100644 index 0000000000..6438ae63a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-012.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: Auto-imported from Gecko test 203923-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.style.display = "none"; + document.body.offsetWidth; + t.style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: block"> + <span style="display: table-cell">a</span> + <span style="display: table-cell; white-space: pre"> </span> + <span style="display: table-cell;" id="t">bc</span> + <span style="display: table-cell; white-space: pre"> </span> + <span style="display: table-cell">d</span> +</span></div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-013.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-013.xht new file mode 100644 index 0000000000..239a9ceddd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-013.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test 208305-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + +<style type="text/css"> +.cell {display:table-cell} +</style> +<script type="text/javascript"><![CDATA[ +function doTest() { +ss = document.styleSheets[0]; +ss.cssRules[0].style.display="block"; +} +]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + +<div class="cell">foo</div><div class="cell">bar</div><div class="cell">baz</div> +</div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + +<div>foo</div><div>bar</div><div>baz</div> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-014.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-014.xht new file mode 100644 index 0000000000..c9b30e3460 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-014.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test 208305-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + +<style type="text/css"> +.cell {display:table-cell} +</style> +<script type="text/javascript"><![CDATA[ +function doTest() { +ss = document.styleSheets[0]; +ss.cssRules[0].style.display="block"; +} +]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + +<div class="cell">foo</div><div class="cell">bar</div><div class="cell">baz</div> +</div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + +<div>foo</div><div>bar</div><div>baz</div> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-015.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-015.xht new file mode 100644 index 0000000000..3e6ffa2f7e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-015.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Auto-imported from Gecko test 208305-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style id="s" type="text/css"> + span { display: block ! important } + </style> + <script type="text/javascript"><![CDATA[ + function doTest() { + var s = document.getElementById("s"); + s.disabled = true; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-cell">a b</span> + <span style="display: table-cell">c d</span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-016.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-016.xht new file mode 100644 index 0000000000..2ad45ecde1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-016.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Auto-imported from Gecko test 208305-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style id="s" type="text/css"> + span { display: block ! important } + </style> + <script type="text/javascript"><![CDATA[ + function doTest() { + var s = document.getElementById("s"); + s.disabled = true; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-cell">a b</span> + <span style="display: table-cell">c d</span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-017.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-017.xht new file mode 100644 index 0000000000..769f3659f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-017.xht @@ -0,0 +1,27 @@ +<!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-imported from Gecko test 208305-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + + <style id="s" type="text/css"> + span { display: table-cell ! important } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: block">a b</span> + <span style="display: block">c d</span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-018.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-018.xht new file mode 100644 index 0000000000..b864ee6f17 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-018.xht @@ -0,0 +1,27 @@ +<!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-imported from Gecko test 208305-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + + <style id="s" type="text/css"> + span { display: table-cell ! important } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: block">a b</span> + <span style="display: block">c d</span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-019.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-019.xht new file mode 100644 index 0000000000..3be83500c8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-019.xht @@ -0,0 +1,37 @@ +<!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-imported from Gecko test 208305-4.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style id="s" type="text/css"> + span { display: table-cell ! important } + </style> + <script type="text/javascript"><![CDATA[ + function doTest() { + var s = document.getElementById("s"); + s.disabled = true; + document.body.offsetWidth; + s.disabled = false; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: block">a b</span> + <span style="display: block">c d</span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-020.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-020.xht new file mode 100644 index 0000000000..a96463c474 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-020.xht @@ -0,0 +1,37 @@ +<!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-imported from Gecko test 208305-4.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style id="s" type="text/css"> + span { display: table-cell ! important } + </style> + <script type="text/javascript"><![CDATA[ + function doTest() { + var s = document.getElementById("s"); + s.disabled = true; + document.body.offsetWidth; + s.disabled = false; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: block">a b</span> + <span style="display: block">c d</span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-021.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-021.xht new file mode 100644 index 0000000000..d9aa96ec62 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-021.xht @@ -0,0 +1,129 @@ +<!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-imported from Gecko test 277995-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doMore(data) { + while(data.hasChildNodes()) + data.removeChild(data.firstChild); + for (var i = 0; i < 10; i++) { + append(data); + } + } + + function append(data) { + var row = document.createElement("div"); + row.setAttribute("class", "row"); + + var cell = document.createElement("span"); + cell.appendChild(document.createTextNode("More Data")); + cell.setAttribute("class", "cell"); + row.appendChild(cell); + data.appendChild(row); + } + + function doTest() { + for (var i = 0; i < 10; ++i) { + document.body.offsetWidth; + doMore(document.getElementById('data')); + } + document.documentElement.className = ''; + } + ]]></script> + <style type="text/css"> + .table { + display: table; + } + .row { + display: table-row; + + } + .cell { + display: table-cell; + } + </style> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + +<table> + <tr> + <td> + <div id="data" class="table"> + </div> + </td> + </tr> +</table> +</div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + +<table> + <tr> + <td> + <div style="display: table"> + <div style="display: table-row-group"> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + </div> + </div> + </td> + </tr> +</table> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-022.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-022.xht new file mode 100644 index 0000000000..4abb89ea6d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-022.xht @@ -0,0 +1,129 @@ +<!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-imported from Gecko test 277995-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doMore(data) { + while(data.hasChildNodes()) + data.removeChild(data.firstChild); + for (var i = 0; i < 10; i++) { + append(data); + } + } + + function append(data) { + var row = document.createElement("div"); + row.setAttribute("class", "row"); + + var cell = document.createElement("span"); + cell.appendChild(document.createTextNode("More Data")); + cell.setAttribute("class", "cell"); + row.appendChild(cell); + data.appendChild(row); + } + + function doTest() { + for (var i = 0; i < 10; ++i) { + document.body.offsetWidth; + doMore(document.getElementById('data')); + } + document.documentElement.className = ''; + } + ]]></script> + <style type="text/css"> + .table { + display: table; + } + .row { + display: table-row; + + } + .cell { + display: table-cell; + } + </style> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + +<table> + <tr> + <td> + <div id="data" class="table"> + </div> + </td> + </tr> +</table> +</div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + +<table> + <tr> + <td> + <div style="display: table"> + <div style="display: table-row-group"> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + <div style="display: table-row"> + <div style="display: table-cell"> + More Data + </div> + </div> + </div> + </div> + </td> + </tr> +</table> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-023.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-023.xht new file mode 100644 index 0000000000..e4b221c7ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-023.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Auto-imported from Gecko test 293576-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + for (var i = 0; i < 10; ++i) { + document.body.offsetWidth; + t.style.display = "table-caption"; + document.body.offsetWidth; + t.style.display = ""; + } + document.documentElement.className = ''; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table border="5"><tbody><tr><td id="t">Some text</td></tr></tbody></table> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table border="5"><tbody><tr><td>Some text</td></tr></tbody></table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-024.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-024.xht new file mode 100644 index 0000000000..d5e715cba8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-024.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Auto-imported from Gecko test 293576-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + for (var i = 0; i < 10; ++i) { + document.body.offsetWidth; + t.style.display = "table-caption"; + document.body.offsetWidth; + t.style.display = ""; + } + document.documentElement.className = ''; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table border="5"><tbody><tr><td id="t">Some text</td></tr></tbody></table> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table border="5"><tbody><tr><td>Some text</td></tr></tbody></table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-025.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-025.xht new file mode 100644 index 0000000000..e96d3dd4ce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-025.xht @@ -0,0 +1,77 @@ +<!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-imported from Gecko test 302113-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + +<script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + for (var i = 0; i < 5; ++i) { + document.body.offsetWidth; + t.style.display = "none"; + document.body.offsetWidth; + t.style.display = "block"; + } + document.documentElement.className = ""; + } +]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table"> + <span style="display: table-row"> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + </span> + <span style="display: table-row"> + <span style="display: block" id="t">Which column?</span> + </span> + </span> +</div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table"> + <span style="display: table-row"> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + </span> + <span style="display: table-row"> + <span style="display: block" id="t">Which column?</span> + </span> + </span> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-026.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-026.xht new file mode 100644 index 0000000000..0a75cba465 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-026.xht @@ -0,0 +1,77 @@ +<!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-imported from Gecko test 302113-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + +<script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + for (var i = 0; i < 5; ++i) { + document.body.offsetWidth; + t.style.display = "none"; + document.body.offsetWidth; + t.style.display = "block"; + } + document.documentElement.className = ""; + } +]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table"> + <span style="display: table-row"> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + </span> + <span style="display: table-row"> + <span style="display: block" id="t">Which column?</span> + </span> + </span> +</div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table"> + <span style="display: table-row"> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + <span style="display: table-cell"> + Cell + </span> + </span> + <span style="display: table-row"> + <span style="display: block" id="t">Which column?</span> + </span> + </span> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-027.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-027.xht new file mode 100644 index 0000000000..65c94db909 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-027.xht @@ -0,0 +1,47 @@ +<!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-imported from Gecko test 315146-1.xhtml</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function DeleteRow(container) { + if (container.firstChild) + container.removeChild(container.firstChild); + } + + function AddRow(container) { + var tr = document.createElement("tr"); + var td = document.createElement("td"); + td.appendChild(document.createTextNode("A cell")); + tr.appendChild(td); + container.appendChild(tr); + } + + function doTest() { + for (var i = 0; i < 10; ++i) { + document.body.offsetWidth; + AddRow(document.getElementById('table')); + document.body.offsetWidth; + DeleteRow(document.getElementById('table')); + } + document.documentElement.className = ''; + } + ]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + +<table id="table" border="5"><tr><td>A cell</td></tr></table> +</div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + +<table id="table" border="5"><tr><td>A cell</td></tr></table> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-028.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-028.xht new file mode 100644 index 0000000000..acaac1c62a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-028.xht @@ -0,0 +1,47 @@ +<!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-imported from Gecko test 315146-1.xhtml</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function DeleteRow(container) { + if (container.firstChild) + container.removeChild(container.firstChild); + } + + function AddRow(container) { + var tr = document.createElement("tr"); + var td = document.createElement("td"); + td.appendChild(document.createTextNode("A cell")); + tr.appendChild(td); + container.appendChild(tr); + } + + function doTest() { + for (var i = 0; i < 10; ++i) { + document.body.offsetWidth; + AddRow(document.getElementById('table')); + document.body.offsetWidth; + DeleteRow(document.getElementById('table')); + } + document.documentElement.className = ''; + } + ]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + +<table id="table" border="5"><tr><td>A cell</td></tr></table> +</div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + +<table id="table" border="5"><tr><td>A cell</td></tr></table> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-029.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-029.xht new file mode 100644 index 0000000000..5e2b037658 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-029.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: Auto-imported from Gecko test 325543-1a.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> +</head> +<body onload="document.getElementById('t').style.display = 'block'"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <!-- Lack of space between the two spans is key --> + <span style="display: table-cell">First line</span><span style="display: none" id="t">Second line</span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <div>First line</div> + <div>Second line</div> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-030.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-030.xht new file mode 100644 index 0000000000..4a4f629d6c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-030.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: Auto-imported from Gecko test 325543-1a.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> +</head> +<body onload="document.getElementById('t').style.display = 'block'"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <!-- Lack of space between the two spans is key --> + <span style="display: table-cell">First line</span><span style="display: none" id="t">Second line</span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <div>First line</div> + <div>Second line</div> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-031.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-031.xht new file mode 100644 index 0000000000..f1f8f852b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-031.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: Auto-imported from Gecko test 325543-1b.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> +</head> +<body onload="document.getElementById('t').style.display = 'block'"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <!-- space between the two spans is key --> + <span style="display: table-cell">First line</span> <span style="display: none" id="t">Second line</span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <div>First line</div> + <div>Second line</div> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-032.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-032.xht new file mode 100644 index 0000000000..21bef80cdf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-032.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: Auto-imported from Gecko test 325543-1b.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> +</head> +<body onload="document.getElementById('t').style.display = 'block'"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <!-- space between the two spans is key --> + <span style="display: table-cell">First line</span> <span style="display: none" id="t">Second line</span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <div>First line</div> + <div>Second line</div> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-033.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-033.xht new file mode 100644 index 0000000000..78c7f70646 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-033.xht @@ -0,0 +1,57 @@ +<!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-imported from Gecko test 338735-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + +<style type="text/css"> + #t { + display: none; + } +</style> +<script type="text/javascript"><![CDATA[ + function toggleLayer(id) { + var s = document.getElementById(id).style; + s.display = s.display ? "" : "block"; + } + + function doTest() { + toggleLayer('t'); + document.body.offsetWidth; + toggleLayer('t'); + document.body.offsetWidth; + toggleLayer('t'); + document.documentElement.className = ""; + } +]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; width: 100%; z-index: 1; top: 0; color: red;"> + +<table style="width: 100%;" border="5"> + <tr> + <td id="t">First row</td> + </tr> + <tr> + <td>Second row</td> + </tr> +</table> +</div> +<div style="position: absolute; width: 100%; z-index: 2; top: 0; color: green;"> + +<table style="width: 100%;" border="5"> + <tr> + <td>First row</td> + </tr> + <tr> + <td>Second row</td> + </tr> +</table> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-034.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-034.xht new file mode 100644 index 0000000000..7080455974 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-034.xht @@ -0,0 +1,57 @@ +<!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-imported from Gecko test 338735-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + +<style type="text/css"> + #t { + display: none; + } +</style> +<script type="text/javascript"><![CDATA[ + function toggleLayer(id) { + var s = document.getElementById(id).style; + s.display = s.display ? "" : "block"; + } + + function doTest() { + toggleLayer('t'); + document.body.offsetWidth; + toggleLayer('t'); + document.body.offsetWidth; + toggleLayer('t'); + document.documentElement.className = ""; + } +]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; width: 100%; z-index: 2; top: 0; color: green;"> + +<table style="width: 100%;" border="5"> + <tr> + <td id="t">First row</td> + </tr> + <tr> + <td>Second row</td> + </tr> +</table> +</div> +<div style="position: absolute; width: 100%; z-index: 1; top: 0; color: red;"> + +<table style="width: 100%;" border="5"> + <tr> + <td>First row</td> + </tr> + <tr> + <td>Second row</td> + </tr> +</table> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-035.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-035.xht new file mode 100644 index 0000000000..d6ba4b6769 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-035.xht @@ -0,0 +1,43 @@ +<!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-imported from Gecko test 339388-1a.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("n"); + for (var i = 0; i < 5; ++i) { + n.style.cssFloat = "left"; + document.body.offsetWidth; + n.style.cssFloat = ""; + document.body.offsetWidth; + } + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table border="5"> + <tr> + <td id="n">TD</td> + </tr> + </table> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table border="5"> + <tr> + <td id="n">TD</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-036.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-036.xht new file mode 100644 index 0000000000..a9b677effb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-036.xht @@ -0,0 +1,43 @@ +<!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-imported from Gecko test 339388-1a.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("n"); + for (var i = 0; i < 5; ++i) { + n.style.cssFloat = "left"; + document.body.offsetWidth; + n.style.cssFloat = ""; + document.body.offsetWidth; + } + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table border="5"> + <tr> + <td id="n">TD</td> + </tr> + </table> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table border="5"> + <tr> + <td id="n">TD</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-037.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-037.xht new file mode 100644 index 0000000000..9557104545 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-037.xht @@ -0,0 +1,43 @@ +<!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-imported from Gecko test 339388-1b.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("n"); + for (var i = 0; i < 5; ++i) { + n.style.position = "absolute"; + document.body.offsetWidth; + n.style.position = ""; + document.body.offsetWidth; + } + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table border="5"> + <tr> + <td id="n">TD</td> + </tr> + </table> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table border="5"> + <tr> + <td id="n">TD</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-038.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-038.xht new file mode 100644 index 0000000000..ca90ddd448 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-038.xht @@ -0,0 +1,43 @@ +<!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-imported from Gecko test 339388-1b.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("n"); + for (var i = 0; i < 5; ++i) { + n.style.position = "absolute"; + document.body.offsetWidth; + n.style.position = ""; + document.body.offsetWidth; + } + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table border="5"> + <tr> + <td id="n">TD</td> + </tr> + </table> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table border="5"> + <tr> + <td id="n">TD</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-039.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-039.xht new file mode 100644 index 0000000000..9461d90836 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-039.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + + <title>CSS Test: Auto-imported from Gecko test 363326-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + +<div style="display: table; width: 500px"> + <div style="float: right; width: 100px">one<script type="text/javascript">var foo = document.body.offsetWidth;</script></div> + <div style="float:left; width: 100px">two</div> +</div> + +</div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + +<div style="display: table; width: 500px"> + <div style="display: table-cell"> + <div style="float: right; width: 100px">one</div> + <div style="float:left; width: 100px">two</div> + </div> +</div> + +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-040.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-040.xht new file mode 100644 index 0000000000..d6af62c8f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-040.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + + <title>CSS Test: Auto-imported from Gecko test 363326-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + +<div style="display: table; width: 500px"> + <div style="float: right; width: 100px">one<script type="text/javascript">var foo = document.body.offsetWidth;</script></div> + <div style="float:left; width: 100px">two</div> +</div> + +</div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + +<div style="display: table; width: 500px"> + <div style="display: table-cell"> + <div style="float: right; width: 100px">one</div> + <div style="float:left; width: 100px">two</div> + </div> +</div> + +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-041.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-041.xht new file mode 100644 index 0000000000..21b26f27ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-041.xht @@ -0,0 +1,37 @@ +<!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-imported from Gecko test 368932-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + for (var i = 0; i < 10; ++i) { + // clear target element's content + document.getElementById("target-table").innerHTML = ""; + // clone and append new row + cloned_row = document.getElementById("row-template").cloneNode(true); + document.getElementById("target-table").appendChild(cloned_row); + document.body.offsetWidth; + } + } + ]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table><tr id="row-template"><td>cloning material</td></tr></table> + <table id="target-table"><tr><td>target table</td></tr></table> +</div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table><tr><td>cloning material</td></tr></table> + <table><tr><td>cloning material</td></tr></table> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-042.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-042.xht new file mode 100644 index 0000000000..925c304d3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-042.xht @@ -0,0 +1,37 @@ +<!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-imported from Gecko test 368932-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + for (var i = 0; i < 10; ++i) { + // clear target element's content + document.getElementById("target-table").innerHTML = ""; + // clone and append new row + cloned_row = document.getElementById("row-template").cloneNode(true); + document.getElementById("target-table").appendChild(cloned_row); + document.body.offsetWidth; + } + } + ]]></script> +</head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table><tr id="row-template"><td>cloning material</td></tr></table> + <table id="target-table"><tr><td>target table</td></tr></table> +</div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table><tr><td>cloning material</td></tr></table> + <table><tr><td>cloning material</td></tr></table> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-043.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-043.xht new file mode 100644 index 0000000000..8e003c4144 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-043.xht @@ -0,0 +1,42 @@ +<!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-imported from Gecko test 371054-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-row"; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table style="border-collapse: collapse"> + <tr style="display: block; border: 5px solid"> + <td>LongLongLong</td> + </tr> + <tr style="display: none; border: 5px solid" id="t"> + <td>Short</td> + </tr> + </table> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table style="border-collapse: collapse"> + <tr style="display: block; border: 5px solid"> + <td>LongLongLong</td> + </tr> + <tr style="border: 5px solid" id="t"> + <td>Short</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-044.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-044.xht new file mode 100644 index 0000000000..53d496ec24 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-044.xht @@ -0,0 +1,42 @@ +<!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-imported from Gecko test 371054-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-row"; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table style="border-collapse: collapse"> + <tr style="display: block; border: 5px solid"> + <td>LongLongLong</td> + </tr> + <tr style="display: none; border: 5px solid" id="t"> + <td>Short</td> + </tr> + </table> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table style="border-collapse: collapse"> + <tr style="display: block; border: 5px solid"> + <td>LongLongLong</td> + </tr> + <tr style="border: 5px solid" id="t"> + <td>Short</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-045.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-045.xht new file mode 100644 index 0000000000..3ffc59dff4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-045.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test 372641-1a.xhtml</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom nonHTML'/> + +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + +<table border="1" id="table">XXX<tbody><tr><td>TD</td></tr></tbody></table> + +<script type="text/javascript"><![CDATA[ +document.body.offsetWidth; +document.getElementById("table").firstChild.data = ''; +]]></script> + +</div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + +<table border="1"><tbody><tr><td>TD</td></tr></tbody></table> + +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-046.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-046.xht new file mode 100644 index 0000000000..c39f85b2ec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-046.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test 372641-1a.xhtml</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom nonHTML'/> + +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + +<table border="1" id="table">XXX<tbody><tr><td>TD</td></tr></tbody></table> + +<script type="text/javascript"><![CDATA[ +document.body.offsetWidth; +document.getElementById("table").firstChild.data = ''; +]]></script> + +</div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + +<table border="1"><tbody><tr><td>TD</td></tr></tbody></table> + +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-047.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-047.xht new file mode 100644 index 0000000000..d724315379 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-047.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test 372641-1b.xhtml</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom nonHTML'/> + +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + +<table border="1"><tbody id="tbody">XXX<tr><td>TD</td></tr></tbody></table> + +<script type="text/javascript"><![CDATA[ +document.body.offsetWidth; +document.getElementById("tbody").firstChild.data = ''; +]]></script> + +</div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + +<table border="1"><tbody><tr><td>TD</td></tr></tbody></table> + +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-048.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-048.xht new file mode 100644 index 0000000000..e6cb6ebe02 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-048.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test 372641-1b.xhtml</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom nonHTML'/> + +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + +<table border="1"><tbody id="tbody">XXX<tr><td>TD</td></tr></tbody></table> + +<script type="text/javascript"><![CDATA[ +document.body.offsetWidth; +document.getElementById("tbody").firstChild.data = ''; +]]></script> + +</div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + +<table border="1"><tbody><tr><td>TD</td></tr></tbody></table> + +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-049.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-049.xht new file mode 100644 index 0000000000..c9cef3ed92 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-049.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test 372641-1c.xhtml</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom nonHTML'/> + +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + +<table border="1"><tbody><tr id="tr">XXX<td>TD</td></tr></tbody></table> + +<script type="text/javascript"><![CDATA[ +document.body.offsetWidth; +document.getElementById("tr").firstChild.data = ''; +]]></script> + +</div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + +<table border="1"><tbody><tr><td>TD</td></tr></tbody></table> + +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-050.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-050.xht new file mode 100644 index 0000000000..81638ebf6a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-050.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test 372641-1c.xhtml</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom nonHTML'/> + +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + +<table border="1"><tbody><tr id="tr">XXX<td>TD</td></tr></tbody></table> + +<script type="text/javascript"><![CDATA[ +document.body.offsetWidth; +document.getElementById("tr").firstChild.data = ''; +]]></script> + +</div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + +<table border="1"><tbody><tr><td>TD</td></tr></tbody></table> + +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-051.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-051.xht new file mode 100644 index 0000000000..cfee386585 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-051.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: Auto-imported from Gecko test 372649-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + +<style type="text/css"> +#it { display: inline-table; } +</style> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + +<p>a<span id="it">b</span>d</p> +<script type="text/javascript"><![CDATA[ +document.body.offsetWidth; +document.getElementById("it").appendChild(document.createTextNode("c")); +]]></script> +</div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + +<p>a<span style="display: inline-table;">bc</span>d</p> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-052.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-052.xht new file mode 100644 index 0000000000..6e5f0963d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-052.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: Auto-imported from Gecko test 372649-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + +<style type="text/css"> +#it { display: inline-table; } +</style> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + +<p>a<span id="it">b</span>d</p> +<script type="text/javascript"><![CDATA[ +document.body.offsetWidth; +document.getElementById("it").appendChild(document.createTextNode("c")); +]]></script> +</div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + +<p>a<span style="display: inline-table;">bc</span>d</p> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-053.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-053.xht new file mode 100644 index 0000000000..3577daf544 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-053.xht @@ -0,0 +1,45 @@ +<!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-imported from Gecko test 373379-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + + #tablecell { + display: table-cell; + } + .border { border: 1px solid blue; } + + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + + <span class="border"> + <span id="tablecell">x</span> + </span> + + <script type="text/javascript"><![CDATA[ + + document.body.offsetWidth; + document.getElementById("tablecell").removeAttribute("id"); + + ]]></script> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + + <span class="border"> + <span>x</span> + </span> + + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-054.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-054.xht new file mode 100644 index 0000000000..3992c90577 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-054.xht @@ -0,0 +1,45 @@ +<!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-imported from Gecko test 373379-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + + #tablecell { + display: table-cell; + } + .border { border: 1px solid blue; } + + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + + <span class="border"> + <span id="tablecell">x</span> + </span> + + <script type="text/javascript"><![CDATA[ + + document.body.offsetWidth; + document.getElementById("tablecell").removeAttribute("id"); + + ]]></script> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + + <span class="border"> + <span>x</span> + </span> + + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-055.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-055.xht new file mode 100644 index 0000000000..78aaa4bc71 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-055.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: Auto-imported from Gecko test 407115-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + +<style type="text/css"> +.outer { border: 1px solid black; } +.cell { display: table-cell; border: 1px solid green; } +.marg { margin: 1em 0; } +</style> +</head> +<body onload="var c1 = document.getElementById('c1'); c1.parentNode.removeChild(c1);"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + +<div class="outer"> +<div class="marg"><span id="c1" class="cell"><b>Hello Kitty</b></span></div> +<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> +<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> +<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> +</div> + +</div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + +<div class="outer"> +<div class="marg"></div> +<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> +<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> +<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> +</div> + +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-056.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-056.xht new file mode 100644 index 0000000000..e949dbe2c2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-056.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: Auto-imported from Gecko test 407115-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + +<style type="text/css"> +.outer { border: 1px solid black; } +.cell { display: table-cell; border: 1px solid green; } +.marg { margin: 1em 0; } +</style> +</head> +<body onload="var c1 = document.getElementById('c1'); c1.parentNode.removeChild(c1);"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + +<div class="outer"> +<div class="marg"><span id="c1" class="cell"><b>Hello Kitty</b></span></div> +<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> +<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> +<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> +</div> + +</div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + +<div class="outer"> +<div class="marg"></div> +<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> +<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> +<div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> +</div> + +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-057.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-057.xht new file mode 100644 index 0000000000..8b61d51537 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-057.xht @@ -0,0 +1,36 @@ +<!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-imported from Gecko test 448111-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table border="1"><tr> + <td style="float: left; height: 200px"> + <script type="text/javascript">v = document.body.offsetHeight;</script> + </td> + <td style="float: right"> + Right + </td></tr> + </table> +</div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table border="1"><tr> + <td style="float: left; height: 200px"> + </td> + <td style="float: right"> + Right + </td></tr> + </table> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-058.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-058.xht new file mode 100644 index 0000000000..55fa12e122 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-058.xht @@ -0,0 +1,36 @@ +<!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-imported from Gecko test 448111-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table border="1"><tr> + <td style="float: left; height: 200px"> + <script type="text/javascript">v = document.body.offsetHeight;</script> + </td> + <td style="float: right"> + Right + </td></tr> + </table> +</div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table border="1"><tr> + <td style="float: left; height: 200px"> + </td> + <td style="float: right"> + Right + </td></tr> + </table> +</div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-059.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-059.xht new file mode 100644 index 0000000000..92e799affd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-059.xht @@ -0,0 +1,55 @@ +<!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-imported from Gecko test infer-first-row.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-060.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-060.xht new file mode 100644 index 0000000000..9304a89816 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-060.xht @@ -0,0 +1,55 @@ +<!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-imported from Gecko test infer-first-row.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-061.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-061.xht new file mode 100644 index 0000000000..20f64aca45 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-061.xht @@ -0,0 +1,53 @@ +<!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-imported from Gecko test infer-first-row-and-table.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-062.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-062.xht new file mode 100644 index 0000000000..9a7d219d4c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-062.xht @@ -0,0 +1,53 @@ +<!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-imported from Gecko test infer-first-row-and-table.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-063.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-063.xht new file mode 100644 index 0000000000..eedb4f13f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-063.xht @@ -0,0 +1,57 @@ +<!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-imported from Gecko test infer-second-row.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </span> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-064.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-064.xht new file mode 100644 index 0000000000..18cc50a867 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-064.xht @@ -0,0 +1,57 @@ +<!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-imported from Gecko test infer-second-row.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </span> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-065.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-065.xht new file mode 100644 index 0000000000..4a0cf367c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-065.xht @@ -0,0 +1,55 @@ +<!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-imported from Gecko test infer-second-row-and-table.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </span> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-066.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-066.xht new file mode 100644 index 0000000000..1b25699e25 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-066.xht @@ -0,0 +1,55 @@ +<!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-imported from Gecko test infer-second-row-and-table.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </span> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-067.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-067.xht new file mode 100644 index 0000000000..585d0b89ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-067.xht @@ -0,0 +1,59 @@ +<!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-imported from Gecko test infer-table-around-headers-footers-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-header-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + </span> + <span style="display: table-footer-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-068.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-068.xht new file mode 100644 index 0000000000..3060f02e61 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-068.xht @@ -0,0 +1,59 @@ +<!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-imported from Gecko test infer-table-around-headers-footers-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-header-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + </span> + <span style="display: table-footer-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-069.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-069.xht new file mode 100644 index 0000000000..5a77cc934e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-069.xht @@ -0,0 +1,59 @@ +<!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-imported from Gecko test infer-table-around-headers-footers-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + </span> + <span style="display: table-header-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </span> + <span style="display: table-footer-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-070.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-070.xht new file mode 100644 index 0000000000..5d8179182b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-070.xht @@ -0,0 +1,59 @@ +<!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-imported from Gecko test infer-table-around-headers-footers-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + </span> + <span style="display: table-header-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </span> + <span style="display: table-footer-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-071.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-071.xht new file mode 100644 index 0000000000..1d3f61a7f9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-071.xht @@ -0,0 +1,59 @@ +<!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-imported from Gecko test infer-table-around-headers-footers-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-footer-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + </span> + <span style="display: table-header-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-072.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-072.xht new file mode 100644 index 0000000000..59843f8136 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-072.xht @@ -0,0 +1,59 @@ +<!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-imported from Gecko test infer-table-around-headers-footers-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-footer-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + </span> + <span style="display: table-header-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-073.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-073.xht new file mode 100644 index 0000000000..e4ef934502 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-073.xht @@ -0,0 +1,53 @@ +<!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-imported from Gecko test infer-rows-inside-rowgroups.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-footer-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-header-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-074.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-074.xht new file mode 100644 index 0000000000..72d9cad5d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-074.xht @@ -0,0 +1,53 @@ +<!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-imported from Gecko test infer-rows-inside-rowgroups.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-footer-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-header-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-075.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-075.xht new file mode 100644 index 0000000000..03ce0fd95a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-075.xht @@ -0,0 +1,57 @@ +<!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-imported from Gecko test infer-table-row-cell.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: block">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-076.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-076.xht new file mode 100644 index 0000000000..fcddcdec14 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-076.xht @@ -0,0 +1,57 @@ +<!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-imported from Gecko test infer-table-row-cell.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: block">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-077.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-077.xht new file mode 100644 index 0000000000..b560a9f61f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-077.xht @@ -0,0 +1,53 @@ +<!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-imported from Gecko test infer-table.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-078.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-078.xht new file mode 100644 index 0000000000..0b715a0456 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-078.xht @@ -0,0 +1,53 @@ +<!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-imported from Gecko test infer-table.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-079.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-079.xht new file mode 100644 index 0000000000..dc3a54fb91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-079.xht @@ -0,0 +1,51 @@ +<!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-imported from Gecko test 3-tables-ref.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace; white-space: nowrap;"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <div> + Row 1, Col 1Row 1, Col 2Row 1, Col 3 + </div> + <div> + Row 22, Col 1Row 22, Col 2Row 22, Col 3 + </div> + <div> + Row 333, Col 1Row 333, Col 2Row 333, Col 3 + </div> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-080.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-080.xht new file mode 100644 index 0000000000..c57177ffd6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-080.xht @@ -0,0 +1,51 @@ +<!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-imported from Gecko test 3-tables-ref.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace; white-space: nowrap;"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <div> + Row 1, Col 1Row 1, Col 2Row 1, Col 3 + </div> + <div> + Row 22, Col 1Row 22, Col 2Row 22, Col 3 + </div> + <div> + Row 333, Col 1Row 333, Col 2Row 333, Col 3 + </div> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-081.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-081.xht new file mode 100644 index 0000000000..6aa0b583bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-081.xht @@ -0,0 +1,57 @@ +<!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-imported from Gecko test blocks-divide-tables-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace; white-space: nowrap;"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: block"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: block"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: block"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-082.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-082.xht new file mode 100644 index 0000000000..01e63fcbd8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-082.xht @@ -0,0 +1,57 @@ +<!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-imported from Gecko test blocks-divide-tables-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace; white-space: nowrap;"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: block"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: block"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: block"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-083.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-083.xht new file mode 100644 index 0000000000..7f19c75c14 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-083.xht @@ -0,0 +1,57 @@ +<!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-imported from Gecko test blocks-divide-tables-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace; white-space: nowrap;"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: block"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-084.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-084.xht new file mode 100644 index 0000000000..3d9e7568b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-084.xht @@ -0,0 +1,57 @@ +<!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-imported from Gecko test blocks-divide-tables-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace; white-space: nowrap;"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: block"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-085.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-085.xht new file mode 100644 index 0000000000..d5df83a49e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-085.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: Auto-imported from Gecko test infer-cells-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace; white-space: nowrap;"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <!-- The test in the first row might not be correct, depending on spec + clarifications --> + <span style="display: table-row"> + <span>Row 1,</span> + <span>Col 1Row 1,</span> + <span>Col 2Row 1,</span> + <span>Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: block">Row 22, Col 1Row 22, Col 2Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span>Row 333, Col 1</span><span>Row 333, Col 2</span><span>Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-086.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-086.xht new file mode 100644 index 0000000000..f0c09c4de2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-086.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: Auto-imported from Gecko test infer-cells-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace; white-space: nowrap;"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <!-- The test in the first row might not be correct, depending on spec + clarifications --> + <span style="display: table-row"> + <span>Row 1,</span> + <span>Col 1Row 1,</span> + <span>Col 2Row 1,</span> + <span>Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: block">Row 22, Col 1Row 22, Col 2Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span>Row 333, Col 1</span><span>Row 333, Col 2</span><span>Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-087.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-087.xht new file mode 100644 index 0000000000..569b93e752 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-087.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test infer-cells-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row"> + <!-- Trailing spaces in the spans needed only if the first test in + infer-cells-1.html is valid --> + <span>Row 1, </span> + <span>Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span>Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span>Row </span> + <span>22, </span> + <span>Col </span> + <span>2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span>Row </span> + <span>333, </span> + <span>Col </span> + <span>3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-088.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-088.xht new file mode 100644 index 0000000000..ca6738be10 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-088.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test infer-cells-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row"> + <!-- Trailing spaces in the spans needed only if the first test in + infer-cells-1.html is valid --> + <span>Row 1, </span> + <span>Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span>Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span>Row </span> + <span>22, </span> + <span>Col </span> + <span>2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span>Row </span> + <span>333, </span> + <span>Col </span> + <span>3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-089.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-089.xht new file mode 100644 index 0000000000..b3b0bf61cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-089.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test infer-cells-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row"> + <!-- Trailing spaces in the spans needed only if the first test in + infer-cells-1.html is valid --> + <span>Row 1, </span> + <span>Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-row">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span>Row </span> + <span>22, </span> + <span>Col </span> + <span>2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-row-group">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span>Row </span> + <span>333, </span> + <span>Col </span> + <span>3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-090.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-090.xht new file mode 100644 index 0000000000..d214f6d9e2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-090.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test infer-cells-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row"> + <!-- Trailing spaces in the spans needed only if the first test in + infer-cells-1.html is valid --> + <span>Row 1, </span> + <span>Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-row">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span>Row </span> + <span>22, </span> + <span>Col </span> + <span>2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-row-group">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span>Row </span> + <span>333, </span> + <span>Col </span> + <span>3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-091.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-091.xht new file mode 100644 index 0000000000..354e5843e2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-091.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test infer-cells-4.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row"> + <!-- Trailing spaces in the spans needed only if the first test in + infer-cells-1.html is valid --> + <span>Row 1, </span> + <span>Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span>Row </span> + <span>22, </span> + <span>Col </span> + <span>2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: inline-table">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span>Row </span> + <span>333, </span> + <span>Col </span> + <span>3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-092.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-092.xht new file mode 100644 index 0000000000..10bf5d5635 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-092.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test infer-cells-4.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row"> + <!-- Trailing spaces in the spans needed only if the first test in + infer-cells-1.html is valid --> + <span>Row 1, </span> + <span>Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span>Row </span> + <span>22, </span> + <span>Col </span> + <span>2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: inline-table">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span>Row </span> + <span>333, </span> + <span>Col </span> + <span>3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-093.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-093.xht new file mode 100644 index 0000000000..687926f332 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-093.xht @@ -0,0 +1,59 @@ +<!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-imported from Gecko test cols-test-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +There should be no red below, except for antialiasing issues. +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-column; background: yellow"></span> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + <span style="display: table-column; background: cyan"></span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + <span style="display: table-column; background: lime"></span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <colgroup><col style="background: yellow"/><col style="background: cyan"/><col style="background: lime"/></colgroup> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-094.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-094.xht new file mode 100644 index 0000000000..f773dab056 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-094.xht @@ -0,0 +1,59 @@ +<!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-imported from Gecko test cols-test-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +There should be no red below, except for antialiasing issues. +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-column; background: yellow"></span> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + <span style="display: table-column; background: cyan"></span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + <span style="display: table-column; background: lime"></span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <colgroup><col style="background: yellow"/><col style="background: cyan"/><col style="background: lime"/></colgroup> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-095.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-095.xht new file mode 100644 index 0000000000..4cef54e6d6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-095.xht @@ -0,0 +1,59 @@ +<!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-imported from Gecko test cols-test-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-column; background: yellow"></span> + <span style="display: table-column; background: cyan"></span> + <span style="display: table-column; background: lime"></span> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <colgroup><col style="background: yellow"/><col style="background: cyan"/><col style="background: lime"/></colgroup> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-096.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-096.xht new file mode 100644 index 0000000000..564ab372a2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-096.xht @@ -0,0 +1,59 @@ +<!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-imported from Gecko test cols-test-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +There should be no red below, except for antialiasing issues. +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-column; background: yellow"></span> + <span style="display: table-column; background: cyan"></span> + <span style="display: table-column; background: lime"></span> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <colgroup><col style="background: yellow"/><col style="background: cyan"/><col style="background: lime"/></colgroup> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-097.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-097.xht new file mode 100644 index 0000000000..8c754a9b91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-097.xht @@ -0,0 +1,59 @@ +<!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-imported from Gecko test cols-test-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +There should be no red below, except for antialiasing issues. +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + <span style="display: table-column; background: yellow"></span> + <span style="display: table-column; background: cyan"></span> + <span style="display: table-column; background: lime"></span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <colgroup><col style="background: yellow"/><col style="background: cyan"/><col style="background: lime"/></colgroup> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-098.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-098.xht new file mode 100644 index 0000000000..53b7aa0a5d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-098.xht @@ -0,0 +1,59 @@ +<!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-imported from Gecko test cols-test-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> +</head> +<body style="font-family: monospace"> +There should be no red below, except for antialiasing issues. +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + <span style="display: table-column; background: yellow"></span> + <span style="display: table-column; background: cyan"></span> + <span style="display: table-column; background: lime"></span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <colgroup><col style="background: yellow"/><col style="background: cyan"/><col style="background: lime"/></colgroup> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-099.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-099.xht new file mode 100644 index 0000000000..19bb850104 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-099.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-100.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-100.xht new file mode 100644 index 0000000000..18563e7b09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-100.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-101.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-101.xht new file mode 100644 index 0000000000..d372e36587 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-101.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table-cell">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-102.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-102.xht new file mode 100644 index 0000000000..dc2a2d0a29 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-102.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table-cell">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-103.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-103.xht new file mode 100644 index 0000000000..5d825274da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-103.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table-row">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-104.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-104.xht new file mode 100644 index 0000000000..9686286a00 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-104.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table-row">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-105.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-105.xht new file mode 100644 index 0000000000..b246fb4f7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-105.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-4.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table-row-group">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-106.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-106.xht new file mode 100644 index 0000000000..097c7e366d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-106.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-4.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table-row-group">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-107.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-107.xht new file mode 100644 index 0000000000..2a0dd8e8e1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-107.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-5.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-108.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-108.xht new file mode 100644 index 0000000000..eff9f8b02e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-108.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-5.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-109.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-109.xht new file mode 100644 index 0000000000..f61096b139 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-109.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-6.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table-column">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-110.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-110.xht new file mode 100644 index 0000000000..dd9c4bbcb3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-110.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-6.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table-column">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-111.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-111.xht new file mode 100644 index 0000000000..8f1bec26eb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-111.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-7.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table-column-group">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-112.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-112.xht new file mode 100644 index 0000000000..97ee6019be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-112.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-7.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table-column-group">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-113.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-113.xht new file mode 100644 index 0000000000..c761bebe0c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-113.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-8.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table-caption">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-114.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-114.xht new file mode 100644 index 0000000000..830a6d52c7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-114.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-8.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="display: table-caption">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-115.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-115.xht new file mode 100644 index 0000000000..b406c5bbe5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-115.xht @@ -0,0 +1,34 @@ +<!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-imported from Gecko test dynamic-removal-9.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <div> + <span>a b</span><span id="t" style="display: table-cell"></span><span>c d</span> + </div> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-116.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-116.xht new file mode 100644 index 0000000000..cae0dfdfe2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-116.xht @@ -0,0 +1,34 @@ +<!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-imported from Gecko test dynamic-removal-9.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <div> + <span>a b</span><span id="t" style="display: table-cell"></span><span>c d</span> + </div> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-117.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-117.xht new file mode 100644 index 0000000000..7725383c25 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-117.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Auto-imported from Gecko test dynamic-removal-10.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span> + <span>a</span><span id="t" style="display: table-column-group"></span> + <span style="display: table-column-group"></span><span>bc d</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-118.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-118.xht new file mode 100644 index 0000000000..26a3910521 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-118.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Auto-imported from Gecko test dynamic-removal-10.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span> + <span>a</span><span id="t" style="display: table-column-group"></span> + <span style="display: table-column-group"></span><span>bc d</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-119.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-119.xht new file mode 100644 index 0000000000..9e99c6c7a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-119.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Auto-imported from Gecko test dynamic-removal-11.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span> + <span>a</span><span id="t" style="display: table-caption"></span> + <span style="display: table-caption"></span><span>bc d</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-120.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-120.xht new file mode 100644 index 0000000000..0b0a659cd2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-120.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Auto-imported from Gecko test dynamic-removal-11.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span> + <span>a</span><span id="t" style="display: table-caption"></span> + <span style="display: table-caption"></span><span>bc d</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-121.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-121.xht new file mode 100644 index 0000000000..febb96df1f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-121.xht @@ -0,0 +1,34 @@ +<!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-imported from Gecko test dynamic-removal-12.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <div> + <span>a b</span><span id="t" style="display: table-row"></span><span>c d</span> + </div> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-122.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-122.xht new file mode 100644 index 0000000000..75d37362fa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-122.xht @@ -0,0 +1,34 @@ +<!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-imported from Gecko test dynamic-removal-12.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <div> + <span>a b</span><span id="t" style="display: table-row"></span><span>c d</span> + </div> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-123.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-123.xht new file mode 100644 index 0000000000..1d17bdf4ba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-123.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-13.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="position: absolute">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-124.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-124.xht new file mode 100644 index 0000000000..a8313db47b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-124.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-13.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span id="t" style="position: absolute">To be removed</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-125.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-125.xht new file mode 100644 index 0000000000..1ad7edf9d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-125.xht @@ -0,0 +1,63 @@ +<!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-imported from Gecko test dynamic-removal-14.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + try { + document.normalize(); + } catch(e) {} + var n = document.getElementById("t").nextSibling; + n.parentNode.removeChild(n); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row" id="t"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span>This is a test<span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-126.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-126.xht new file mode 100644 index 0000000000..da930a8908 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-126.xht @@ -0,0 +1,63 @@ +<!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-imported from Gecko test dynamic-removal-14.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + try { + document.normalize(); + } catch(e) {} + var n = document.getElementById("t").nextSibling; + n.parentNode.removeChild(n); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row" id="t"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span>This is a test<span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-127.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-127.xht new file mode 100644 index 0000000000..9ebd3f8a86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-127.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-15.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("t"); + n.parentNode.removeChild(n); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span id="t">To be removed</span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-128.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-128.xht new file mode 100644 index 0000000000..1b10dd6d09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-128.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-15.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("t"); + n.parentNode.removeChild(n); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span id="t">To be removed</span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-129.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-129.xht new file mode 100644 index 0000000000..91f808f599 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-129.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-16.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span id="t">To be removed</span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-130.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-130.xht new file mode 100644 index 0000000000..7004b24e95 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-130.xht @@ -0,0 +1,62 @@ +<!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-imported from Gecko test dynamic-removal-16.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span id="t">To be removed</span> + <span style="display: table-row-group"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-131.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-131.xht new file mode 100644 index 0000000000..c962266ed8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-131.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-removal-17.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("t"); + n.parentNode.removeChild(n); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </span> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span id="t">To be removed</span> + <span style="display: table-cell">Row 22, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-132.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-132.xht new file mode 100644 index 0000000000..302664f174 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-132.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-removal-17.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("t"); + n.parentNode.removeChild(n); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + </span> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span id="t">To be removed</span> + <span style="display: table-cell">Row 22, Col 3</span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-133.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-133.xht new file mode 100644 index 0000000000..4838da5cfb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-133.xht @@ -0,0 +1,65 @@ +<!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-imported from Gecko test dynamic-insert-cell-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var c = document.createElement("span"); + c.style.display = "table-cell"; + c.textContent = "Row 22, Col 1"; + var t = document.getElementById("t"); + t.parentNode.insertBefore(c, t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-cell" id="t">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-134.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-134.xht new file mode 100644 index 0000000000..7a8b019718 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-134.xht @@ -0,0 +1,65 @@ +<!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-imported from Gecko test dynamic-insert-cell-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var c = document.createElement("span"); + c.style.display = "table-cell"; + c.textContent = "Row 22, Col 1"; + var t = document.getElementById("t"); + t.parentNode.insertBefore(c, t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-cell" id="t">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-135.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-135.xht new file mode 100644 index 0000000000..37709d7f97 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-135.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-block-to-cell-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: block" id="t">Row 333, Col 1</span> + <span style="display: block">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-136.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-136.xht new file mode 100644 index 0000000000..164d9451f3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-136.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-block-to-cell-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: block" id="t">Row 333, Col 1</span> + <span style="display: block">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-137.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-137.xht new file mode 100644 index 0000000000..94a647e93c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-137.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-block-to-cell-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: block">Row 333, Col 1</span> + <span style="display: block" id="t">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-138.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-138.xht new file mode 100644 index 0000000000..ec9b60cc4d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-138.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-block-to-cell-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: block">Row 333, Col 1</span> + <span style="display: block" id="t">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-139.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-139.xht new file mode 100644 index 0000000000..a6885b82ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-139.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-block-to-cell-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: block">Row 333, Col 1</span> + <span style="display: block" id="t">Row 333, Col 2</span> + <span style="display: block">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-140.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-140.xht new file mode 100644 index 0000000000..660b87b336 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-140.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-block-to-cell-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: block">Row 333, Col 1</span> + <span style="display: block" id="t">Row 333, Col 2</span> + <span style="display: block">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-141.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-141.xht new file mode 100644 index 0000000000..c385f0af01 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-141.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-block-to-cell-4.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: block" id="t">Row 333, Col 2</span> + <span style="display: block">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-142.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-142.xht new file mode 100644 index 0000000000..4b3c5e8572 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-142.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-block-to-cell-4.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: block" id="t">Row 333, Col 2</span> + <span style="display: block">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-143.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-143.xht new file mode 100644 index 0000000000..2bb087a918 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-143.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-block-to-cell-5.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: block">Row 333, Col 2</span> + <span style="display: block" id="t">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-144.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-144.xht new file mode 100644 index 0000000000..bf9332f454 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-144.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-block-to-cell-5.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: block">Row 333, Col 2</span> + <span style="display: block" id="t">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-145.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-145.xht new file mode 100644 index 0000000000..c1c34ee57e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-145.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-inline-to-cell-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row"> + <span id="t">Row 1, Col 1</span> + <span>Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-146.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-146.xht new file mode 100644 index 0000000000..971c3e7067 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-146.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-inline-to-cell-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row"> + <span id="t">Row 1, Col 1</span> + <span>Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-147.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-147.xht new file mode 100644 index 0000000000..3e24f61c70 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-147.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-inline-to-cell-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row"> + <span>Row 1, Col 1</span> + <span id="t">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-148.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-148.xht new file mode 100644 index 0000000000..0c3f3a7f7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-148.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-inline-to-cell-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row"> + <span>Row 1, Col 1</span> + <span id="t">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-149.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-149.xht new file mode 100644 index 0000000000..f482b9e4ac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-149.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-inline-to-cell-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row"> + <span>Row 1, Col 1</span> + <span id="t">Row 1, Col 2</span> + <span>Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-150.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-150.xht new file mode 100644 index 0000000000..ddf3dedd8e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-150.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-inline-to-cell-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row"> + <span>Row 1, Col 1</span> + <span id="t">Row 1, Col 2</span> + <span>Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-151.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-151.xht new file mode 100644 index 0000000000..425e4d781b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-151.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-inline-to-cell-4.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span id="t">Row 1, Col 2</span> + <span>Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-152.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-152.xht new file mode 100644 index 0000000000..42f60aab6f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-152.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-inline-to-cell-4.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span id="t">Row 1, Col 2</span> + <span>Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-153.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-153.xht new file mode 100644 index 0000000000..fdf422fb72 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-153.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-inline-to-cell-5.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span>Row 1, Col 2</span> + <span id="t">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-154.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-154.xht new file mode 100644 index 0000000000..07c28cf9d4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-154.xht @@ -0,0 +1,64 @@ +<!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-imported from Gecko test dynamic-switch-inline-to-cell-5.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + document.getElementById("t").style.display = "table-cell"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span>Row 1, Col 2</span> + <span id="t">Row 1, Col 3</span> + </span> + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-155.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-155.xht new file mode 100644 index 0000000000..4e0cc5555f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-155.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: Auto-imported from Gecko test white-space-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("t").nextSibling; + n.data = "Row 22, Col 1Row 22, Col 2Row 22, Col 3"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell" id="t">Row 1, Col 3</span> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-156.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-156.xht new file mode 100644 index 0000000000..48f66efe21 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-156.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: Auto-imported from Gecko test white-space-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("t").nextSibling; + n.data = "Row 22, Col 1Row 22, Col 2Row 22, Col 3"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell" id="t">Row 1, Col 3</span> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + </table> + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-157.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-157.xht new file mode 100644 index 0000000000..6768171b28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-157.xht @@ -0,0 +1,63 @@ +<!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-imported from Gecko test white-space-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + try { + document.normalize(); + } catch (e) {} + var n = document.getElementById("t").nextSibling; + n.data = " "; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row" id="t"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span>This is a test<span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-158.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-158.xht new file mode 100644 index 0000000000..57cfd46c5b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-158.xht @@ -0,0 +1,63 @@ +<!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-imported from Gecko test white-space-2.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + try { + document.normalize(); + } catch (e) {} + var n = document.getElementById("t").nextSibling; + n.data = " "; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row" id="t"> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span>This is a test<span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-159.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-159.xht new file mode 100644 index 0000000000..6ee1191611 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-159.xht @@ -0,0 +1,65 @@ +<!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-imported from Gecko test white-space-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + try { + document.normalize(); + } catch (e) {} + var n = document.getElementById("t").nextSibling; + n.data = " "; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell" id="t">Row 22, Col 1</span>This is a test<span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-160.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-160.xht new file mode 100644 index 0000000000..734ed229c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-160.xht @@ -0,0 +1,65 @@ +<!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-imported from Gecko test white-space-3.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + try { + document.normalize(); + } catch (e) {} + var n = document.getElementById("t").nextSibling; + n.data = " "; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell" id="t">Row 22, Col 1</span>This is a test<span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + </span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-161.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-161.xht new file mode 100644 index 0000000000..cefb9d41d4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-161.xht @@ -0,0 +1,60 @@ +<!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-imported from Gecko test white-space-4.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("t").nextSibling; + n.data = "Row 22, Col 1"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row" id="t"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-162.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-162.xht new file mode 100644 index 0000000000..d24486afe3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-162.xht @@ -0,0 +1,60 @@ +<!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-imported from Gecko test white-space-4.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("t").nextSibling; + n.data = "Row 22, Col 1"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row" id="t"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-cell">Row 22, Col 2</span> + <span style="display: table-cell">Row 22, Col 3</span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-163.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-163.xht new file mode 100644 index 0000000000..b4d6eb780d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-163.xht @@ -0,0 +1,60 @@ +<!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-imported from Gecko test white-space-5.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("t").nextSibling; + n.data = "Row 22, Col 2"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-cell" id="t">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 3</span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-164.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-164.xht new file mode 100644 index 0000000000..741e1f313d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-164.xht @@ -0,0 +1,60 @@ +<!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-imported from Gecko test white-space-5.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("t").nextSibling; + n.data = "Row 22, Col 2"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-cell" id="t">Row 22, Col 1</span> + <span style="display: table-cell">Row 22, Col 3</span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-165.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-165.xht new file mode 100644 index 0000000000..42a0d7d6dd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-165.xht @@ -0,0 +1,60 @@ +<!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-imported from Gecko test white-space-6.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("t").nextSibling; + n.data = "Row 22, Col 3"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell" id="t">Row 22, Col 2</span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-166.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-166.xht new file mode 100644 index 0000000000..96ca3b3c54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-166.xht @@ -0,0 +1,60 @@ +<!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-imported from Gecko test white-space-6.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_3x3_monospace_table-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var n = document.getElementById("t").nextSibling; + n.data = "Row 22, Col 3"; + document.documentElement.className = ""; + } + ]]></script> + </head> +<body style="font-family: monospace" onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display: table-row-group"> + <span style="display: table-row"> + <span style="display: table-cell">Row 1, Col 1</span> + <span style="display: table-cell">Row 1, Col 2</span> + <span style="display: table-cell">Row 1, Col 3</span> + </span> + <span style="display: table-cell">Row 22, Col 1</span> + <span style="display: table-cell" id="t">Row 22, Col 2</span> + <span style="display: table-row"> + <span style="display: table-cell">Row 333, Col 1</span> + <span style="display: table-cell">Row 333, Col 2</span> + <span style="display: table-cell">Row 333, Col 3</span> + </span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <table cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: none"> + <tr> + <td>Row 1, Col 1</td> + <td>Row 1, Col 2</td> + <td>Row 1, Col 3</td> + </tr> + <tr> + <td>Row 22, Col 1</td> + <td>Row 22, Col 2</td> + <td>Row 22, Col 3</td> + </tr> + <tr> + <td>Row 333, Col 1</td> + <td>Row 333, Col 2</td> + <td>Row 333, Col 3</td> + </tr> + </table> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-167.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-167.xht new file mode 100644 index 0000000000..d99f3048d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-167.xht @@ -0,0 +1,28 @@ +<!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-imported from Gecko test white-space-7.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span> + <span>a</span> + <span style="display: table-cell">b</span> + <span style="display: table-cell">c</span> + <span>d</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-168.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-168.xht new file mode 100644 index 0000000000..e761bf3683 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-168.xht @@ -0,0 +1,28 @@ +<!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-imported from Gecko test white-space-7.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span> + <span>a</span> + <span style="display: table-cell">b</span> + <span style="display: table-cell">c</span> + <span>d</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-169.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-169.xht new file mode 100644 index 0000000000..6733a1f077 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-169.xht @@ -0,0 +1,34 @@ +<!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-imported from Gecko test white-space-8.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span> + <span>a</span><span style="display: table-cell" id="t">e</span> + <span style="display: table-cell">b</span><span>c d</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-170.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-170.xht new file mode 100644 index 0000000000..0b7e3cceaf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-170.xht @@ -0,0 +1,34 @@ +<!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-imported from Gecko test white-space-8.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span> + <span>a</span><span style="display: table-cell" id="t">e</span> + <span style="display: table-cell">b</span><span>c d</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-171.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-171.xht new file mode 100644 index 0000000000..11831f1357 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-171.xht @@ -0,0 +1,34 @@ +<!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-imported from Gecko test white-space-9.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span> + <span>a b</span><span style="display: table-cell">c</span> + <span style="display: table-cell" id="t">e</span><span>d</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-172.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-172.xht new file mode 100644 index 0000000000..5ea0c952bb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-172.xht @@ -0,0 +1,34 @@ +<!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-imported from Gecko test white-space-9.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span> + <span>a b</span><span style="display: table-cell">c</span> + <span style="display: table-cell" id="t">e</span><span>d</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-173.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-173.xht new file mode 100644 index 0000000000..af48f72f0f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-173.xht @@ -0,0 +1,36 @@ +<!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-imported from Gecko test white-space-10.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t1"); + t.parentNode.removeChild(t); + t = document.getElementById("t2"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span> + <span>a</span><span style="display: table-cell" id="t1">e</span> + <span style="display: table-cell" id="t2">f</span><span>bc d</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-174.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-174.xht new file mode 100644 index 0000000000..2b329a61e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-174.xht @@ -0,0 +1,36 @@ +<!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-imported from Gecko test white-space-10.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t1"); + t.parentNode.removeChild(t); + t = document.getElementById("t2"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span> + <span>a</span><span style="display: table-cell" id="t1">e</span> + <span style="display: table-cell" id="t2">f</span><span>bc d</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-175.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-175.xht new file mode 100644 index 0000000000..1263f613b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-175.xht @@ -0,0 +1,36 @@ +<!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-imported from Gecko test white-space-11.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t1"); + t.parentNode.removeChild(t); + t = document.getElementById("t2"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span> + <span>a</span><span style="display: table-cell" id="t2">e</span> + <span style="display: table-cell" id="t1">f</span><span>bc d</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-176.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-176.xht new file mode 100644 index 0000000000..bfc562862c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-176.xht @@ -0,0 +1,36 @@ +<!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-imported from Gecko test white-space-11.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t1"); + t.parentNode.removeChild(t); + t = document.getElementById("t2"); + t.parentNode.removeChild(t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span> + <span>a</span><span style="display: table-cell" id="t2">e</span> + <span style="display: table-cell" id="t1">f</span><span>bc d</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-177.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-177.xht new file mode 100644 index 0000000000..83cc06c22c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-177.xht @@ -0,0 +1,27 @@ +<!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-imported from Gecko test white-space-12.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span> + a + <span style="display: table-cell">b</span><span style="display: table-cell">c</span> + d + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-178.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-178.xht new file mode 100644 index 0000000000..9e85164c28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-178.xht @@ -0,0 +1,27 @@ +<!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-imported from Gecko test white-space-12.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span> + a + <span style="display: table-cell">b</span><span style="display: table-cell">c</span> + d + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-179.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-179.xht new file mode 100644 index 0000000000..e26909ffa1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-179.xht @@ -0,0 +1,28 @@ +<!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-imported from Gecko test white-space-13.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span> + a + <span style="display: table-cell">b</span> + <span style="display: table-cell">c</span> + d + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-180.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-180.xht new file mode 100644 index 0000000000..628357abde --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-180.xht @@ -0,0 +1,28 @@ +<!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-imported from Gecko test white-space-13.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span> + a + <span style="display: table-cell">b</span> + <span style="display: table-cell">c</span> + d + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-181.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-181.xht new file mode 100644 index 0000000000..fcce174438 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-181.xht @@ -0,0 +1,29 @@ +<!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-imported from Gecko test white-space-14.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + + <style type="text/css"> + #t:after { content: "d" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span id="t"> + a + <span style="display: table-cell">b</span><span style="display: table-cell">c</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-182.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-182.xht new file mode 100644 index 0000000000..1895e09fe6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-182.xht @@ -0,0 +1,29 @@ +<!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-imported from Gecko test white-space-14.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + + <style type="text/css"> + #t:after { content: "d" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span id="t"> + a + <span style="display: table-cell">b</span><span style="display: table-cell">c</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-183.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-183.xht new file mode 100644 index 0000000000..3f83065ae7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-183.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: Auto-imported from Gecko test white-space-15.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + + <style type="text/css"> + #t:after { content: "d" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span id="t"> + a + <span style="display: table-cell">b</span> + <span style="display: table-cell">c</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-184.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-184.xht new file mode 100644 index 0000000000..c7839bd386 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-184.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: Auto-imported from Gecko test white-space-15.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + + <style type="text/css"> + #t:after { content: "d" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span id="t"> + a + <span style="display: table-cell">b</span> + <span style="display: table-cell">c</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-185.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-185.xht new file mode 100644 index 0000000000..5822856f75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-185.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: Auto-imported from Gecko test white-space-16.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + #t:after { content: "d" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span id="t"> + a + <span style="display: table-cell">b</span><script type="text/javascript">document.body.offsetWidth</script><span style="display: table-cell">c</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-186.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-186.xht new file mode 100644 index 0000000000..6aef922a81 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-186.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: Auto-imported from Gecko test white-space-16.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + #t:after { content: "d" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span id="t"> + a + <span style="display: table-cell">b</span><script type="text/javascript">document.body.offsetWidth</script><span style="display: table-cell">c</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-187.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-187.xht new file mode 100644 index 0000000000..d0dfca6377 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-187.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test white-space-17.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + #t:after { content: "d" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span id="t"> + a + <span style="display: table-cell">b</span> + <script type="text/javascript">document.body.offsetWidth</script> + <span style="display: table-cell">c</span> + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-188.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-188.xht new file mode 100644 index 0000000000..cd5bc4dd2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-188.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test white-space-17.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + #t:after { content: "d" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span id="t"> + a + <span style="display: table-cell">b</span> + <script type="text/javascript">document.body.offsetWidth</script> + <span style="display: table-cell">c</span> + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-189.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-189.xht new file mode 100644 index 0000000000..9c67078214 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-189.xht @@ -0,0 +1,29 @@ +<!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-imported from Gecko test white-space-18.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + + <style type="text/css"> + #t:before { content: "a" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span id="t"> + <span style="display: table-cell">b</span><span style="display: table-cell">c</span> + d + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-190.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-190.xht new file mode 100644 index 0000000000..ae22e2952e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-190.xht @@ -0,0 +1,29 @@ +<!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-imported from Gecko test white-space-18.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + + <style type="text/css"> + #t:before { content: "a" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span id="t"> + <span style="display: table-cell">b</span><span style="display: table-cell">c</span> + d + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-191.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-191.xht new file mode 100644 index 0000000000..426cf8b8b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-191.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: Auto-imported from Gecko test white-space-19.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + + <style type="text/css"> + #t:before { content: "a" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span id="t"> + <span style="display: table-cell">b</span> + <span style="display: table-cell">c</span> + d + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-192.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-192.xht new file mode 100644 index 0000000000..44f610825a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-192.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: Auto-imported from Gecko test white-space-19.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + + <style type="text/css"> + #t:before { content: "a" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span id="t"> + <span style="display: table-cell">b</span> + <span style="display: table-cell">c</span> + d + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-193.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-193.xht new file mode 100644 index 0000000000..542364aa17 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-193.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: Auto-imported from Gecko test white-space-20.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + #t:before { content: "a" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span id="t"> + <span style="display: table-cell">b</span><script type="text/javascript">document.body.offsetWidth</script><span style="display: table-cell">c</span> + d + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-194.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-194.xht new file mode 100644 index 0000000000..cab7bb5a28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-194.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: Auto-imported from Gecko test white-space-20.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + #t:before { content: "a" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span id="t"> + <span style="display: table-cell">b</span><script type="text/javascript">document.body.offsetWidth</script><span style="display: table-cell">c</span> + d + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-195.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-195.xht new file mode 100644 index 0000000000..dc1b1a4007 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-195.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test white-space-21.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + #t:before { content: "a" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span id="t"> + <span style="display: table-cell">b</span> + <script type="text/javascript">document.body.offsetWidth</script> + <span style="display: table-cell">c</span> + d + </span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-196.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-196.xht new file mode 100644 index 0000000000..a8455a27b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-196.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test white-space-21.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + #t:before { content: "a" } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span id="t"> + <span style="display: table-cell">b</span> + <script type="text/javascript">document.body.offsetWidth</script> + <span style="display: table-cell">c</span> + d + </span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-197.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-197.xht new file mode 100644 index 0000000000..70a144f90e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-197.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + + <title>CSS Test: Auto-imported from Gecko test white-space-22.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> bc <span style="display: table-cell">d</span></span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-198.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-198.xht new file mode 100644 index 0000000000..8d73eaac35 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-198.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + + <title>CSS Test: Auto-imported from Gecko test white-space-22.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> bc <span style="display: table-cell">d</span></span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-199.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-199.xht new file mode 100644 index 0000000000..c74b43a714 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-199.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + + <title>CSS Test: Auto-imported from Gecko test white-space-23.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> <span>bc</span> <span style="display: table-cell">d</span></span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-200.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-200.xht new file mode 100644 index 0000000000..7f5ef97beb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-200.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + + <title>CSS Test: Auto-imported from Gecko test white-space-23.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> <span>bc</span> <span style="display: table-cell">d</span></span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-201.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-201.xht new file mode 100644 index 0000000000..d9fd24268c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-201.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: Auto-imported from Gecko test white-space-24.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> <script type="text/javascript">document.body.offsetWidth</script>bc<script>document.body.offsetWidth</script> <span style="display: table-cell">d</span></span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-202.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-202.xht new file mode 100644 index 0000000000..af0a419f82 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-202.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: Auto-imported from Gecko test white-space-24.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> +</head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span> <script type="text/javascript">document.body.offsetWidth</script>bc<script>document.body.offsetWidth</script> <span style="display: table-cell">d</span></span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-203.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-203.xht new file mode 100644 index 0000000000..2f75f9a008 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-203.xht @@ -0,0 +1,34 @@ +<!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-imported from Gecko test white-space-25.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + var parent = t.parentNode; + parent.insertBefore(document.createTextNode(" "), t); + parent.insertBefore(document.createTextNode("bc"), t); + parent.insertBefore(document.createTextNode(" "), t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span><span id="t" style="display: table-cell">d</span></span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-204.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-204.xht new file mode 100644 index 0000000000..a646794915 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-204.xht @@ -0,0 +1,34 @@ +<!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-imported from Gecko test white-space-25.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("t"); + var parent = t.parentNode; + parent.insertBefore(document.createTextNode(" "), t); + parent.insertBefore(document.createTextNode("bc"), t); + parent.insertBefore(document.createTextNode(" "), t); + document.documentElement.className = ""; + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span style="display:table-row; white-space: pre"><span style="display: table-cell">a</span><span id="t" style="display: table-cell">d</span></span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-205.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-205.xht new file mode 100644 index 0000000000..829ad8f5ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-205.xht @@ -0,0 +1,28 @@ +<!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-imported from Gecko test white-space-26.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + #t:after { display: table-cell; content: "d"; } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <span id="t"> + a<script type="text/javascript">document.body.offsetWidth;</script> <span style="display: table-cell; white-space: pre">bc </span></span> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-206.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-206.xht new file mode 100644 index 0000000000..a4509b3e97 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-206.xht @@ -0,0 +1,28 @@ +<!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-imported from Gecko test white-space-26.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/no_red_antialiasing_a_bc_d-ref.xht"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + #t:after { display: table-cell; content: "d"; } + </style> + </head> +<body> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <span id="t"> + a<script type="text/javascript">document.body.offsetWidth;</script> <span style="display: table-cell; white-space: pre">bc </span></span> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + a bc d + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-207.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-207.xht new file mode 100644 index 0000000000..1e4d7c06e1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-207.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test white-space-pre-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + #x:after { content: " cd"; display: table-cell; } + </style> + <script type="text/javascript"><![CDATA[ + function doTest() { + var f = document.getElementById("f"); + f.parentNode.removeChild(f); + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <div style="font-family: monospace; width: 10em; white-space: pre-wrap"><span id="f" style="float: left; width: 80%; height: 0.5em"></span><span id="x">a <script type="text/javascript">document.body.offsetWidth; dump('aa');</script> <span style="display: table-cell">b</span></span></div> + </div> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <div style="font-family: monospace; white-space: pre-wrap">a b cd</div> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-208.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-208.xht new file mode 100644 index 0000000000..8d5ede834f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-208.xht @@ -0,0 +1,32 @@ +<!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-imported from Gecko test white-space-pre-1.html</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <meta name="flags" content='dom'/> + + <style type="text/css"> + #x:after { content: " cd"; display: table-cell; } + </style> + <script type="text/javascript"><![CDATA[ + function doTest() { + var f = document.getElementById("f"); + f.parentNode.removeChild(f); + } + ]]></script> + </head> +<body onload="doTest()"> +<p>There should be no red below, except for antialiasing issues.</p> +<div style="position: relative; font-size: 2em;"> +<div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;"> + + <div style="font-family: monospace; width: 10em; white-space: pre-wrap"><span id="f" style="float: left; width: 80%; height: 0.5em"></span><span id="x">a <script type="text/javascript">document.body.offsetWidth; dump('aa');</script> <span style="display: table-cell">b</span></span></div> + </div> +<div style="position: relative; z-index: 1; color: red; padding: 1px;"> + + <div style="font-family: monospace; white-space: pre-wrap">a b cd</div> + </div> +</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-209.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-209.xht new file mode 100644 index 0000000000..ebf5c876c2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-209.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: CSS table model: nested tables</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" /> + <style type="text/css"> + .table { display: table; } + div { display: table-cell; } + </style> + </head> + <body class="table"> + <div class="cell"> This should </div> + <div class="table"> be all </div> + <div class="cell"> one line. </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-210.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-210.xht new file mode 100644 index 0000000000..f3fdc60dce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-210.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: anonymous table cell and white space separating inline elements</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu" /> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" title="17.2.1 Anonymous table objects" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/public-css-testsuite/2013Aug/0028.html" title="Browser non-interop on basic anonymous table boxes" /> + <meta name="assert" content="Anonymous table objects are automatically generated by UAs when a table element is missing necessary sub-table elements (like table-row or table-cell). In this test, an anonymous table-row and one anonymous table-cell will be created around the inline elements. This test checks that each white space separating the 3 span elements are preserved." /> + + <style type="text/css"><![CDATA[ + div#rel-pos-wrapper + { + font-size: 2em; + position: relative; + } + + div#test-overlapping-green + { + color: green; + display: table; + position: absolute; + top: 0; + z-index: 2; + } + + div#reference-overlapped-red + { + color: red; + position: relative; + z-index: 1; + } + ]]></style> + + </head> + + <body> + + <p>There should be no red below, except for antialiasing issues.</p> + + <div id="rel-pos-wrapper"> + + <div id="test-overlapping-green"> + <span>a</span> <span>bc</span> <span>d</span> + </div> + + <div id="reference-overlapped-red"> + a bc d + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211-ref.xht new file mode 100644 index 0000000000..5133164219 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211-ref.xht @@ -0,0 +1,28 @@ +<!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 Reference</title> + <style type="text/css"><![CDATA[ + .table { display: table; white-space: pre; } + .row { display: table-row; } + .table-cell { display: table-cell; } + ]]></style> + + </head> + + <body> + + <p>The two rows below must have identical content.</p> + + <div class="table"> + <div class="row"> + <div class="table-cell"> <img src="support/swatch-blue.png"/> <img src="support/swatch-blue.png"/> </div> + <div class="table-cell"><img src="support/swatch-blue.png"/></div> <div class="table-cell"><img src="support/swatch-blue.png"/></div> + </div> + <div class="row"> + <div class="table-cell"> <img src="support/swatch-blue.png"/> <img src="support/swatch-blue.png"/> </div> + <div class="table-cell"><img src="support/swatch-blue.png"/></div> <div class="table-cell"><img src="support/swatch-blue.png"/></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211.xht new file mode 100644 index 0000000000..7e1c630b80 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-objects-211.xht @@ -0,0 +1,33 @@ +<!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: anonymous table boxes and replaced table cells</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="help" href="http://www.w3.org/TR/css-display-3/#layout-specific-display"/> + <meta name="assert" content="Anonymous table objects are automatically generated by UAs when a table element is missing necessary sub-table elements (like table-row or table-cell). In this test, a replaced element tries to pretend it is a table-cell using 'display: table-cell', but because it can't, is treated as an inline element. This test checks that an anonymous table cell is generated around the element and surrounding white space and inline-level content exactly as if it had 'display: inline'." /> + + <link rel="match" href="table-anonymous-objects-211-ref.xht"/> + + <style type="text/css"><![CDATA[ + .table { display: table; white-space: pre; } + .row { display: table-row; } + .table-cell { display: table-cell; } + ]]></style> + + </head> + + <body> + + <p>The two rows below must have identical content.</p> + + <div class="table"> + <div class="row"> + <div class="table-cell"> <img src="support/swatch-blue.png"/> <img src="support/swatch-blue.png"/> </div> + <div class="table-cell"><img src="support/swatch-blue.png"/></div> <div class="table-cell"><img src="support/swatch-blue.png"/></div> + </div> + <div class="row"> <img class="table-cell" src="support/swatch-blue.png"/> <img class="table-cell" src="support/swatch-blue.png"/> <div class="table-cell"><img src="support/swatch-blue.png"/></div> <div class="table-cell"><img src="support/swatch-blue.png"/></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-text-indent.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-text-indent.xht new file mode 100644 index 0000000000..1364f79033 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-text-indent.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes"/> + <link rel="match" href="reference/table-anonymous-text-indent-ref.xht"/> + <meta name="flags" content='dom'/> + <script type="text/javascript"><![CDATA[ + function doTest() { + var t = document.getElementById("target"); + t.style.textIndent = '20px'; + } + ]]></script> + <style><![CDATA[ + #target { text-indent: 0; display: table; } + #target > * { display: table-cell; border: 1px solid black; } + ]]></style> +</head> +<body onload="doTest()"> + <p>There should be 20px text-indent in the table below.</p> + <div id="target"> + <div>First cell</div> + Second cell (no element on purpose) + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-anonymous-whitespace-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-whitespace-001.xht new file mode 100644 index 0000000000..1499a6d83b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-anonymous-whitespace-001.xht @@ -0,0 +1,63 @@ +<!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: Table Anonymous Box Generation - interleaved whitespace</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping"/> + <meta name="assert" content="Anonymous white space inside a tabular container + does not generate any boxes."/> + <style type="text/css"><![CDATA[ + /* Must use <div> tables for this test because parsers do weird things + to the contents of <table>-related elements. */ + .pre { + white-space: pre; + } + .table, table { + display: table; + border: solid silver; + border-spacing: 1px; + margin: 0.5em; + } + .row { + display: table-row; + } + .cell, td { + display: table-cell; + border: solid blue; + } + table, td { + padding: 0; + } + ]]></style> + + </head> + <body> + <p>The size and contents of the four silver boxes below must be identical.</p> + + <div class="pre table"> + <div class="cell">A</div> + <div class="cell">B</div> + <div class="row"> + <div class="cell">C</div> + <div class="cell">D</div> + </div> + </div> + + <div class="table"> + <div class="cell">A</div> + <div class="cell">B</div> + <div class="row"> + <div class="cell">C</div> + <div class="cell">D</div> + </div> + </div> + + <div class="table"><div class="cell">A</div><div class="cell">B</div><div class="row"><div class="cell">C</div><div class="cell">D</div></div></div> + + <!-- use a real <table> with all elements only as a control --> + <table> + <tr><td>A</td><td>B</td></tr> + <tr><td>C</td><td>D</td></tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-001.xht new file mode 100644 index 0000000000..9686cb379d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-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: Table background edge in the collapsing borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The background edge of a table could start either behind the table's border or at its edge in the collapsing borders model (non-normative rule)." /> + <style type="text/css"> + #table + { + background-image: url("support/blue-orange-rectangle.png"); + background-repeat: no-repeat; + border-collapse: collapse; + border-left: 100px solid black; + border-spacing: 0; + display: table; + height: 100px; + width: 100px; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a black square below followed by either a blue or orange box.</p> + <div id="table"> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-002.xht new file mode 100644 index 0000000000..ce6df82d54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-background-edge-and-border-model-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: Table background edge in the separated borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" /> + <meta name="flags" content="image may" /> + <meta name="assert" content="The background edge of a table could start either behind the table's border or at its edge in the separated borders model (non-normative rule)." /> + <style type="text/css"> + #table + { + background-image: url("support/blue-orange-rectangle.png"); + background-repeat: no-repeat; + border-collapse: separate; + border-left: 100px solid black; + border-spacing: 0; + display: table; + height: 100px; + width: 100px; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if below there is a black square and adjacent to the black square there is either a blue or orange square.</p> + <div id="table"> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001-ref.xht new file mode 100644 index 0000000000..4ee2659b44 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001-ref.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" lang="en-US"><head> + <title>Table background tests</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"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + /* + table { + margin: 0px 3px 2px 4px; + border-width: 4px 2px 8px 6px; + + height is 97px: + (2px of border outside height) + extra border width for top row: 0 + cell * 5: == 19px * 5 == 95px + border-top: 2px; + padding-top: 1px; + height: 10px; + padding-bottom: 4px; + border-bottom: 2px; + extra border width for top row: 2px + (4px of border outside height) + + width is 287px: + (3px of border outside width) + extra border width for left column: 2px + cell * 5: == 57px * 5 == 285px + border-left: 1px; + padding-left: 3px; + width: 50px; + padding-right: 2px; + border-right: 1px; + (1px of border outside width) + */ + + div { width: 57px; height: 19px; margin: 40px 118px 86px 123px; } + div.color { background-color: aqua; } + + div.imagetl, div.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + div.imagetl { background-position: 1px 2px; } + div.imagebr { background-position: 56px 17px; } + + </style> +</head> +<body> + +<div class="color"></div> +<div class="imagetl"></div> +<div class="imagebr"></div> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001.xht new file mode 100644 index 0000000000..898ff46d56 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-cell-001.xht @@ -0,0 +1,109 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>CSS Test: table backgrounds</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-layers" /> + <link rel="match" href="table-backgrounds-bc-cell-001-ref.xht"/> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + table { + margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */ + border: transparent solid; + border-width: 4px 2px 8px 6px; /* collapsed */ + padding: 3px 7px 8px 6px; /* ignored */ + border-collapse: collapse; + } + + td { + border: transparent solid; + border-width: 2px 0 4px 2px; /* collapsed */ + padding: 1px 2px 4px 3px; + empty-cells: show; + } + + div { height: 10px; width: 50px; } + + table.color td.t { background-color: aqua; } + + table.imagetl td.t, table.imagebr td.t { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + table.imagetl td.t { background-position: top left; /* default */ } + table.imagebr td.t { background-position: bottom right; /* default */ } + + </style> +</head> +<body> + +<table class="color"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagetl"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagebr"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001-ref.xht new file mode 100644 index 0000000000..65f91be8aa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001-ref.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" lang="en-US"><head> + <title>Table background tests</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"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + /* + table { + margin: 0px 3px 2px 4px; + border-width: 4px 2px 8px 6px; + + height is 97px: + (2px of border outside height) + extra border width for top row: 0 + cell * 5: == 19px * 5 == 95px + border-top: 2px; + padding-top: 1px; + height: 10px; + padding-bottom: 4px; + border-bottom: 2px; + extra border width for top row: 2px + (4px of border outside height) + + width is 287px: + (3px of border outside width) + extra border width for left column: 2px + cell * 5: == 57px * 5 == 285px + border-left: 1px; + padding-left: 3px; + width: 50px; + padding-right: 2px; + border-right: 1px; + (1px of border outside width) + */ + + div { width: 171px; height: 97px; margin: 2px 61px 8px 66px; } + div.color { background-color: aqua; } + + div.imagetl, div.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + div.imagetl { background-position: 0 0; } + div.imagebr { background-position: 171px 97px; } + + </style> +</head> +<body> + +<div class="color"></div> +<div class="imagetl"></div> +<div class="imagebr"></div> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001.xht new file mode 100644 index 0000000000..3029e09f9e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-colgroup-001.xht @@ -0,0 +1,109 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>CSS Test: table backgrounds</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-layers" /> + <link rel="match" href="table-backgrounds-bc-colgroup-001-ref.xht"/> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + table { + margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */ + border: transparent solid; + border-width: 4px 2px 8px 6px; /* collapsed */ + padding: 3px 7px 8px 6px; /* ignored */ + border-collapse: collapse; + } + + td { + border: transparent solid; + border-width: 2px 0 4px 2px; /* collapsed */ + padding: 1px 2px 4px 3px; + empty-cells: show; + } + + div { height: 10px; width: 50px; } + + table.color colgroup.t { background-color: aqua; } + + table.imagetl colgroup.t, table.imagebr colgroup.t { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + table.imagetl colgroup.t { background-position: top left; /* default */ } + table.imagebr colgroup.t { background-position: bottom right; /* default */ } + + </style> +</head> +<body> + +<table class="color"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagetl"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagebr"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001-ref.xht new file mode 100644 index 0000000000..d414af8369 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001-ref.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" lang="en-US"><head> + <title>Table background tests</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"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + /* + table { + margin: 0px 3px 2px 4px; + border-width: 4px 2px 8px 6px; + + height is 97px: + (2px of border outside height) + extra border width for top row: 0 + cell * 5: == 19px * 5 == 95px + border-top: 2px; + padding-top: 1px; + height: 10px; + padding-bottom: 4px; + border-bottom: 2px; + extra border width for top row: 2px + (4px of border outside height) + + width is 287px: + (3px of border outside width) + extra border width for left column: 2px + cell * 5: == 57px * 5 == 285px + border-left: 1px; + padding-left: 3px; + width: 50px; + padding-right: 2px; + border-right: 1px; + (1px of border outside width) + */ + + div { width: 57px; height: 97px; margin: 2px 121px 8px 123px; } + div.color { background-color: aqua; } + + div.imagetl, div.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + div.imagetl { background-position: 0 0; } + div.imagebr { background-position: 57px 97px; } + + </style> +</head> +<body> + +<div class="color"></div> +<div class="imagetl"></div> +<div class="imagebr"></div> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001.xht new file mode 100644 index 0000000000..ca0cb36e1b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-column-001.xht @@ -0,0 +1,109 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>CSS Test: table backgrounds</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-layers" /> + <link rel="match" href="table-backgrounds-bc-column-001-ref.xht"/> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + table { + margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */ + border: transparent solid; + border-width: 4px 2px 8px 6px; /* collapsed */ + padding: 3px 7px 8px 6px; /* ignored */ + border-collapse: collapse; + } + + td { + border: transparent solid; + border-width: 2px 0 4px 2px; /* collapsed */ + padding: 1px 2px 4px 3px; + empty-cells: show; + } + + div { height: 10px; width: 50px; } + + table.color col.t { background-color: aqua; } + + table.imagetl col.t, table.imagebr col.t { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + table.imagetl col.t { background-position: top left; /* default */ } + table.imagebr col.t { background-position: bottom right; /* default */ } + + </style> +</head> +<body> + +<table class="color"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagetl"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagebr"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001-ref.xht new file mode 100644 index 0000000000..82f8a7ff57 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001-ref.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" lang="en-US"><head> + <title>Table background tests</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"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + /* + table { + margin: 0px 3px 2px 4px; + border-width: 4px 2px 8px 6px; + + height is 97px: + (2px of border outside height) + extra border width for top row: 0 + cell * 5: == 19px * 5 == 95px + border-top: 2px; + padding-top: 1px; + height: 10px; + padding-bottom: 4px; + border-bottom: 2px; + extra border width for top row: 2px + (4px of border outside height) + + width is 287px: + (3px of border outside width) + extra border width for left column: 2px + cell * 5: == 57px * 5 == 285px + border-left: 1px; + padding-left: 3px; + width: 50px; + padding-right: 2px; + border-right: 1px; + (1px of border outside width) + */ + + div { width: 287px; height: 19px; margin: 40px 4px 86px 7px; } + div.color { background-color: aqua; } + + div.imagetl, div.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + div.imagetl { background-position: 0 0; } + div.imagebr { background-position: 287px 19px; } + + </style> +</head> +<body> + +<div class="color"></div> +<div class="imagetl"></div> +<div class="imagebr"></div> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001.xht new file mode 100644 index 0000000000..70a2243483 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-row-001.xht @@ -0,0 +1,109 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>CSS Test: table backgrounds</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-layers" /> + <link rel="match" href="table-backgrounds-bc-row-001-ref.xht"/> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + table { + margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */ + border: transparent solid; + border-width: 4px 2px 8px 6px; /* collapsed */ + padding: 3px 7px 8px 6px; /* ignored */ + border-collapse: collapse; + } + + td { + border: transparent solid; + border-width: 2px 0 4px 2px; /* collapsed */ + padding: 1px 2px 4px 3px; + empty-cells: show; + } + + div { height: 10px; width: 50px; } + + table.color tr.t { background-color: aqua; } + + table.imagetl tr.t, table.imagebr tr.t { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + table.imagetl tr.t { background-position: top left; /* default */ } + table.imagebr tr.t { background-position: bottom right; /* default */ } + + </style> +</head> +<body> + +<table class="color"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagetl"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagebr"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001-ref.xht new file mode 100644 index 0000000000..6cb4e9bfe4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001-ref.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" lang="en-US"><head> + <title>Table background tests</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"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + /* + table { + margin: 0px 3px 2px 4px; + border-width: 4px 2px 8px 6px; + + height is 97px: + (2px of border outside height) + extra border width for top row: 0 + cell * 5: == 19px * 5 == 95px + border-top: 2px; + padding-top: 1px; + height: 10px; + padding-bottom: 4px; + border-bottom: 2px; + extra border width for top row: 2px + (4px of border outside height) + + width is 287px: + (3px of border outside width) + extra border width for left column: 2px + cell * 5: == 57px * 5 == 285px + border-left: 1px; + padding-left: 3px; + width: 50px; + padding-right: 2px; + border-right: 1px; + (1px of border outside width) + */ + + div { width: 287px; height: 57px; margin: 21px 4px 48px 7px; } + div.color { background-color: aqua; } + + div.imagetl, div.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + div.imagetl { background-position: 0 0; } + div.imagebr { background-position: 287px 57px; } + + </style> +</head> +<body> + +<div class="color"></div> +<div class="imagetl"></div> +<div class="imagebr"></div> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001.xht new file mode 100644 index 0000000000..d86191a7fd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-rowgroup-001.xht @@ -0,0 +1,109 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>CSS Test: table backgrounds</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-layers" /> + <link rel="match" href="table-backgrounds-bc-rowgroup-001-ref.xht"/> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + table { + margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */ + border: transparent solid; + border-width: 4px 2px 8px 6px; /* collapsed */ + padding: 3px 7px 8px 6px; /* ignored */ + border-collapse: collapse; + } + + td { + border: transparent solid; + border-width: 2px 0 4px 2px; /* collapsed */ + padding: 1px 2px 4px 3px; + empty-cells: show; + } + + div { height: 10px; width: 50px; } + + table.color tbody.t { background-color: aqua; } + + table.imagetl tbody.t, table.imagebr tbody.t { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + table.imagetl tbody.t { background-position: top left; /* default */ } + table.imagebr tbody.t { background-position: bottom right; /* default */ } + + </style> +</head> +<body> + +<table class="color"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagetl"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagebr"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001-ref.xht new file mode 100644 index 0000000000..05922e42b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001-ref.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" lang="en-US"><head> + <title>Table background tests</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"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + /* + table { + margin: 0px 3px 2px 4px; + border-width: 4px 2px 8px 6px; + + height is 97px: + (2px of border outside height) + extra border width for top row: 0 + cell * 5: == 19px * 5 == 95px + border-top: 2px; + padding-top: 1px; + height: 10px; + padding-bottom: 4px; + border-bottom: 2px; + extra border width for top row: 2px + (4px of border outside height) + + width is 287px: + (3px of border outside width) + extra border width for left column: 2px + cell * 5: == 57px * 5 == 285px + border-left: 1px; + padding-left: 3px; + width: 50px; + padding-right: 2px; + border-right: 1px; + (1px of border outside width) + */ + + div { width: 291px; height: 103px; margin: 0px 3px 2px 4px; } + div.color { background-color: aqua; } + + div.imagetl, div.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + div.imagetl { background-position: 3px 2px;} + div.imagebr { background-position: 290px 99px;} + + </style> +</head> +<body> + +<div class="color"></div> +<div class="imagetl"></div> +<div class="imagebr"></div> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001.xht new file mode 100644 index 0000000000..87ae9eafaf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bc-table-001.xht @@ -0,0 +1,109 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>CSS Test: table backgrounds</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-layers" /> + <link rel="match" href="table-backgrounds-bc-table-001-ref.xht"/> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + table { + margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */ + border: transparent solid; + border-width: 4px 2px 8px 6px; /* collapsed */ + padding: 3px 7px 8px 6px; /* ignored */ + border-collapse: collapse; + } + + td { + border: transparent solid; + border-width: 2px 0 4px 2px; /* collapsed */ + padding: 1px 2px 4px 3px; + empty-cells: show; + } + + div { height: 10px; width: 50px; } + + table.color { background-color: aqua; } + + table.imagetl, table.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + table.imagetl { background-position: top left; /* default */ } + table.imagebr { background-position: bottom right; /* default */ } + + </style> +</head> +<body> + +<table class="color"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagetl"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagebr"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001-ref.xht new file mode 100644 index 0000000000..bd6ee68c33 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001-ref.xht @@ -0,0 +1,64 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>Table background tests</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"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + /* + table { + margin: 0px 3px 2px 4px; + border-width: 4px 2px 7px 3px; + + border-box height is 145px: + border-top: 4px; + padding-top: 3px + border-spacing: 3px * 6 == 18px + cell * 5: == 21px * 5 == 105px + border-top: 2px; + padding-top: 1px; + height: 10px; + padding-bottom: 4px; + border-bottom: 4px; + padding-bottom: 8px; + border-bottom: 7px; + + border-box width is 325px: + border-left: 3px; + padding-left: 6px + border-spacing: 2px * 6 == 12px + cell * 5: == 59px * 5 == 295px + border-left: 3px; + padding-left: 3px; + width: 50px; + padding-right: 2px; + border-right: 1px; + padding-right: 7px; + border-right: 2px; + */ + + div.color, div.imagetl, div.imagebr { + width: 59px; height: 21px; margin: 58px 136px 126px 137px; + } + div.color { background-color: aqua; } + + div.imagetl, div.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + div.imagetl { background-position: 3px 2px; } + div.imagebr { background-position: 58px 17px; } + + </style> +</head> +<body> + +<div class="color"></div> +<div class="imagetl"></div> +<div class="imagebr"></div> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001.xht new file mode 100644 index 0000000000..23ed996c11 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-cell-001.xht @@ -0,0 +1,110 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>CSS Test: table backgrounds</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-layers" /> + <link rel="match" href="table-backgrounds-bs-cell-001-ref.xht"/> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + table { + margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */ + border: transparent solid; + border-width: 4px 2px 7px 3px; + padding: 3px 7px 8px 6px; + border-collapse: separate; + border-spacing: 2px 3px; + } + + td { + border: transparent solid; + border-width: 2px 1px 4px 3px; + padding: 1px 2px 4px 3px; + empty-cells: show; + } + + div { height: 10px; width: 50px; } + + table.color td.t { background-color: aqua; } + + table.imagetl td.t, table.imagebr td.t { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + table.imagetl td.t { background-position: top left; /* default */ } + table.imagebr td.t { background-position: bottom right; /* default */ } + + </style> +</head> +<body> + +<table class="color"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagetl"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagebr"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001-ref.xht new file mode 100644 index 0000000000..97cb844b72 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001-ref.xht @@ -0,0 +1,87 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>Table background tests</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"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + /* + table { + margin: 0px 3px 2px 4px; + border-width: 4px 2px 7px 3px; + + border-box height is 145px: + border-top: 4px; + padding-top: 3px + border-spacing: 3px * 6 == 18px + cell * 5: == 21px * 5 == 105px + border-top: 2px; + padding-top: 1px; + height: 10px; + padding-bottom: 4px; + border-bottom: 4px; + padding-bottom: 8px; + border-bottom: 7px; + + border-box width is 325px: + border-left: 3px; + padding-left: 6px + border-spacing: 2px * 6 == 12px + cell * 5: == 59px * 5 == 295px + border-left: 3px; + padding-left: 3px; + width: 50px; + padding-right: 2px; + border-right: 1px; + padding-right: 7px; + border-right: 2px; + */ + + div.color, div.imagetl, div.imagebr { + width: 181px; height: 117px; margin: 10px 75px 30px 76px; + } + div.color { background-color: aqua; } + + div.imagetl, div.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + div.imagetl { background-position: 0 0; } + div.imagebr { background-position: 181px 117px; } + + div.vstripe, div.hstripe { background: white; position: absolute; } + div.vstripe { top: 0; width: 2px; height: 500px; } + div.hstripe { left: 0; height: 3px; width: 400px; } + + </style> +</head> +<body> + +<div class="color"></div> +<div class="imagetl"></div> +<div class="imagebr"></div> + +<div style="top: 46px" class="hstripe"></div> +<div style="top: 70px" class="hstripe"></div> +<div style="top: 94px" class="hstripe"></div> +<div style="top: 118px" class="hstripe"></div> +<div style="top: 193px" class="hstripe"></div> +<div style="top: 217px" class="hstripe"></div> +<div style="top: 241px" class="hstripe"></div> +<div style="top: 265px" class="hstripe"></div> +<div style="top: 340px" class="hstripe"></div> +<div style="top: 364px" class="hstripe"></div> +<div style="top: 388px" class="hstripe"></div> +<div style="top: 412px" class="hstripe"></div> + +<div style="left: 89px" class="vstripe"></div> +<div style="left: 150px" class="vstripe"></div> +<div style="left: 211px" class="vstripe"></div> +<div style="left: 272px" class="vstripe"></div> +<div style="left: 333px" class="vstripe"></div> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001.xht new file mode 100644 index 0000000000..d5ee3346cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-colgroup-001.xht @@ -0,0 +1,110 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>CSS Test: table backgrounds</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-layers" /> + <link rel="match" href="table-backgrounds-bs-colgroup-001-ref.xht"/> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + table { + margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */ + border: transparent solid; + border-width: 4px 2px 7px 3px; + padding: 3px 7px 8px 6px; + border-collapse: separate; + border-spacing: 2px 3px; + } + + td { + border: transparent solid; + border-width: 2px 1px 4px 3px; + padding: 1px 2px 4px 3px; + empty-cells: show; + } + + div { height: 10px; width: 50px; } + + table.color colgroup.t { background-color: aqua; } + + table.imagetl colgroup.t, table.imagebr colgroup.t { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + table.imagetl colgroup.t { background-position: top left; /* default */ } + table.imagebr colgroup.t { background-position: bottom right; /* default */ } + + </style> +</head> +<body> + +<table class="color"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagetl"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagebr"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001-ref.xht new file mode 100644 index 0000000000..0e50ac3405 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001-ref.xht @@ -0,0 +1,87 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>Table background tests</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"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + /* + table { + margin: 0px 3px 2px 4px; + border-width: 4px 2px 7px 3px; + + border-box height is 145px: + border-top: 4px; + padding-top: 3px + border-spacing: 3px * 6 == 18px + cell * 5: == 21px * 5 == 105px + border-top: 2px; + padding-top: 1px; + height: 10px; + padding-bottom: 4px; + border-bottom: 4px; + padding-bottom: 8px; + border-bottom: 7px; + + border-box width is 325px: + border-left: 3px; + padding-left: 6px + border-spacing: 2px * 6 == 12px + cell * 5: == 59px * 5 == 295px + border-left: 3px; + padding-left: 3px; + width: 50px; + padding-right: 2px; + border-right: 1px; + padding-right: 7px; + border-right: 2px; + */ + + div.color, div.imagetl, div.imagebr { + width: 59px; height: 117px; margin: 10px 136px 30px 137px; + } + div.color { background-color: aqua; } + + div.imagetl, div.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + div.imagetl { background-position: 0 0; } + div.imagebr { background-position: 59px 117px; } + + div.vstripe, div.hstripe { background: white; position: absolute; } + div.vstripe { top: 0; width: 2px; height: 500px; } + div.hstripe { left: 0; height: 3px; width: 400px; } + + </style> +</head> +<body> + +<div class="color"></div> +<div class="imagetl"></div> +<div class="imagebr"></div> + +<div style="top: 46px" class="hstripe"></div> +<div style="top: 70px" class="hstripe"></div> +<div style="top: 94px" class="hstripe"></div> +<div style="top: 118px" class="hstripe"></div> +<div style="top: 193px" class="hstripe"></div> +<div style="top: 217px" class="hstripe"></div> +<div style="top: 241px" class="hstripe"></div> +<div style="top: 265px" class="hstripe"></div> +<div style="top: 340px" class="hstripe"></div> +<div style="top: 364px" class="hstripe"></div> +<div style="top: 388px" class="hstripe"></div> +<div style="top: 412px" class="hstripe"></div> + +<div style="left: 89px" class="vstripe"></div> +<div style="left: 150px" class="vstripe"></div> +<div style="left: 211px" class="vstripe"></div> +<div style="left: 272px" class="vstripe"></div> +<div style="left: 333px" class="vstripe"></div> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001.xht new file mode 100644 index 0000000000..126be18ddb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-column-001.xht @@ -0,0 +1,110 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>CSS Test: table backgrounds</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-layers" /> + <link rel="match" href="table-backgrounds-bs-column-001-ref.xht"/> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + table { + margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */ + border: transparent solid; + border-width: 4px 2px 7px 3px; + padding: 3px 7px 8px 6px; + border-collapse: separate; + border-spacing: 2px 3px; + } + + td { + border: transparent solid; + border-width: 2px 1px 4px 3px; + padding: 1px 2px 4px 3px; + empty-cells: show; + } + + div { height: 10px; width: 50px; } + + table.color col.t { background-color: aqua; } + + table.imagetl col.t, table.imagebr col.t { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + table.imagetl col.t { background-position: top left; /* default */ } + table.imagebr col.t { background-position: bottom right; /* default */ } + + </style> +</head> +<body> + +<table class="color"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagetl"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagebr"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001-ref.xht new file mode 100644 index 0000000000..ae1a74a709 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001-ref.xht @@ -0,0 +1,87 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>Table background tests</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"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + /* + table { + margin: 0px 3px 2px 4px; + border-width: 4px 2px 7px 3px; + + border-box height is 145px: + border-top: 4px; + padding-top: 3px + border-spacing: 3px * 6 == 18px + cell * 5: == 21px * 5 == 105px + border-top: 2px; + padding-top: 1px; + height: 10px; + padding-bottom: 4px; + border-bottom: 4px; + padding-bottom: 8px; + border-bottom: 7px; + + border-box width is 325px: + border-left: 3px; + padding-left: 6px + border-spacing: 2px * 6 == 12px + cell * 5: == 59px * 5 == 295px + border-left: 3px; + padding-left: 3px; + width: 50px; + padding-right: 2px; + border-right: 1px; + padding-right: 7px; + border-right: 2px; + */ + + div.color, div.imagetl, div.imagebr { + width: 303px; height: 21px; margin: 58px 14px 126px 15px; + } + div.color { background-color: aqua; } + + div.imagetl, div.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + div.imagetl { background-position: 0 0; } + div.imagebr { background-position: 303px 21px; } + + div.vstripe, div.hstripe { background: white; position: absolute; } + div.vstripe { top: 0; width: 2px; height: 500px; } + div.hstripe { left: 0; height: 3px; width: 400px; } + + </style> +</head> +<body> + +<div class="color"></div> +<div class="imagetl"></div> +<div class="imagebr"></div> + +<div style="top: 46px" class="hstripe"></div> +<div style="top: 70px" class="hstripe"></div> +<div style="top: 94px" class="hstripe"></div> +<div style="top: 118px" class="hstripe"></div> +<div style="top: 193px" class="hstripe"></div> +<div style="top: 217px" class="hstripe"></div> +<div style="top: 241px" class="hstripe"></div> +<div style="top: 265px" class="hstripe"></div> +<div style="top: 340px" class="hstripe"></div> +<div style="top: 364px" class="hstripe"></div> +<div style="top: 388px" class="hstripe"></div> +<div style="top: 412px" class="hstripe"></div> + +<div style="left: 89px" class="vstripe"></div> +<div style="left: 150px" class="vstripe"></div> +<div style="left: 211px" class="vstripe"></div> +<div style="left: 272px" class="vstripe"></div> +<div style="left: 333px" class="vstripe"></div> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001.xht new file mode 100644 index 0000000000..58fd3d9be7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-row-001.xht @@ -0,0 +1,110 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>CSS Test: table backgrounds</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-layers" /> + <link rel="match" href="table-backgrounds-bs-row-001-ref.xht"/> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + table { + margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */ + border: transparent solid; + border-width: 4px 2px 7px 3px; + padding: 3px 7px 8px 6px; + border-collapse: separate; + border-spacing: 2px 3px; + } + + td { + border: transparent solid; + border-width: 2px 1px 4px 3px; + padding: 1px 2px 4px 3px; + empty-cells: show; + } + + div { height: 10px; width: 50px; } + + table.color tr.t { background-color: aqua; } + + table.imagetl tr.t, table.imagebr tr.t { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + table.imagetl tr.t { background-position: top left; /* default */ } + table.imagebr tr.t { background-position: bottom right; /* default */ } + + </style> +</head> +<body> + +<table class="color"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagetl"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagebr"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001-ref.xht new file mode 100644 index 0000000000..847e047ea8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001-ref.xht @@ -0,0 +1,87 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>Table background tests</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"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + /* + table { + margin: 0px 3px 2px 4px; + border-width: 4px 2px 7px 3px; + + border-box height is 145px: + border-top: 4px; + padding-top: 3px + border-spacing: 3px * 6 == 18px + cell * 5: == 21px * 5 == 105px + border-top: 2px; + padding-top: 1px; + height: 10px; + padding-bottom: 4px; + border-bottom: 4px; + padding-bottom: 8px; + border-bottom: 7px; + + border-box width is 325px: + border-left: 3px; + padding-left: 6px + border-spacing: 2px * 6 == 12px + cell * 5: == 59px * 5 == 295px + border-left: 3px; + padding-left: 3px; + width: 50px; + padding-right: 2px; + border-right: 1px; + padding-right: 7px; + border-right: 2px; + */ + + div.color, div.imagetl, div.imagebr { + width: 303px; height: 69px; margin: 34px 14px 78px 15px; + } + div.color { background-color: aqua; } + + div.imagetl, div.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + div.imagetl { background-position: 0 0; } + div.imagebr { background-position: 303px 69px; } + + div.vstripe, div.hstripe { background: white; position: absolute; } + div.vstripe { top: 0; width: 2px; height: 500px; } + div.hstripe { left: 0; height: 3px; width: 400px; } + + </style> +</head> +<body> + +<div class="color"></div> +<div class="imagetl"></div> +<div class="imagebr"></div> + +<div style="top: 46px" class="hstripe"></div> +<div style="top: 70px" class="hstripe"></div> +<div style="top: 94px" class="hstripe"></div> +<div style="top: 118px" class="hstripe"></div> +<div style="top: 193px" class="hstripe"></div> +<div style="top: 217px" class="hstripe"></div> +<div style="top: 241px" class="hstripe"></div> +<div style="top: 265px" class="hstripe"></div> +<div style="top: 340px" class="hstripe"></div> +<div style="top: 364px" class="hstripe"></div> +<div style="top: 388px" class="hstripe"></div> +<div style="top: 412px" class="hstripe"></div> + +<div style="left: 89px" class="vstripe"></div> +<div style="left: 150px" class="vstripe"></div> +<div style="left: 211px" class="vstripe"></div> +<div style="left: 272px" class="vstripe"></div> +<div style="left: 333px" class="vstripe"></div> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001.xht new file mode 100644 index 0000000000..e0e8314304 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-rowgroup-001.xht @@ -0,0 +1,110 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>CSS Test: table backgrounds</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-layers" /> + <link rel="match" href="table-backgrounds-bs-rowgroup-001-ref.xht"/> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + table { + margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */ + border: transparent solid; + border-width: 4px 2px 7px 3px; + padding: 3px 7px 8px 6px; + border-collapse: separate; + border-spacing: 2px 3px; + } + + td { + border: transparent solid; + border-width: 2px 1px 4px 3px; + padding: 1px 2px 4px 3px; + empty-cells: show; + } + + div { height: 10px; width: 50px; } + + table.color tbody.t { background-color: aqua; } + + table.imagetl tbody.t, table.imagebr tbody.t { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + table.imagetl tbody.t { background-position: top left; /* default */ } + table.imagebr tbody.t { background-position: bottom right; /* default */ } + + </style> +</head> +<body> + +<table class="color"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagetl"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagebr"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001-ref.xht new file mode 100644 index 0000000000..8ea8494246 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001-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" lang="en-US"><head> + <title>Table background tests</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"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + /* + table { + margin: 0px 3px 2px 4px; + border-width: 4px 2px 7px 3px; + + border-box height is 145px: + border-top: 4px; + padding-top: 3px + border-spacing: 3px * 6 == 18px + cell * 5: == 21px * 5 == 105px + border-top: 2px; + padding-top: 1px; + height: 10px; + padding-bottom: 4px; + border-bottom: 4px; + padding-bottom: 8px; + border-bottom: 7px; + + border-box width is 325px: + border-left: 3px; + padding-left: 6px + border-spacing: 2px * 6 == 12px + cell * 5: == 59px * 5 == 295px + border-left: 3px; + padding-left: 3px; + width: 50px; + padding-right: 2px; + border-right: 1px; + padding-right: 7px; + border-right: 2px; + */ + + div { width: 325px; height: 145px; margin: 0px 3px 2px 4px; } + div.color { background-color: aqua; } + + div.imagetl, div.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + div.imagetl { background-position: 3px 4px; } + div.imagebr { background-position: 323px 138px; } + + </style> +</head> +<body> + +<div class="color"></div> +<div class="imagetl"></div> +<div class="imagebr"></div> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001.xht new file mode 100644 index 0000000000..2d137df979 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-backgrounds-bs-table-001.xht @@ -0,0 +1,110 @@ +<!DOCTYPE html PUBLIC "-//W3C//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-US"><head> + <title>CSS Test: table backgrounds</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-layers" /> + <link rel="match" href="table-backgrounds-bs-table-001-ref.xht"/> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Style-Type" content="text/css" /> + <style type="text/css"> + + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; } + body { padding: 15px; } + + table { + margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */ + border: transparent solid; + border-width: 4px 2px 7px 3px; + padding: 3px 7px 8px 6px; + border-collapse: separate; + border-spacing: 2px 3px; + } + + td { + border: transparent solid; + border-width: 2px 1px 4px 3px; + padding: 1px 2px 4px 3px; + empty-cells: show; + } + + div { height: 10px; width: 50px; } + + table.color { background-color: aqua; } + + table.imagetl, table.imagebr { + background-image: url(support/repeatable-diagonal-gradient-with-ticks.png); + } + + table.imagetl { background-position: top left; /* default */ } + table.imagebr { background-position: bottom right; /* default */ } + + </style> +</head> +<body> + +<table class="color"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagetl"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + +<table class="imagebr"> + <colgroup><col /></colgroup> + <colgroup class="t"> + <col /> + <col class="t" /> + <col /> + </colgroup> + <colgroup><col /></colgroup> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody class="t"> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> + <tbody> + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr> + </tbody> +</table> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-borders-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-borders-001.xht new file mode 100644 index 0000000000..d76e33637c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-borders-001.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: Borders on Table Elements (row groups)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="Borders can be applied to row groups (through the use of tbody elements)." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + tbody + { + border: 3px solid black; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the box is divided into a top and bottom half.</p> + <table> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-borders-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-borders-002.xht new file mode 100644 index 0000000000..25fee10910 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-borders-002.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: Borders on Table Elements (rows)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="Borders can be applied to table rows." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + tr + { + border: 3px solid black; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the box is divided into four equal horizontal strips.</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-borders-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-borders-003.xht new file mode 100644 index 0000000000..c02a445c4e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-borders-003.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Borders on Table Elements (column-groups)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="Borders can be applied to table column groups." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + colgroup + { + border: 3px solid black; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the box is divided into a left half and a right half.</p> + <table> + <colgroup> + <col /> + <col /> + </colgroup> + <colgroup> + <col /> + <col /> + </colgroup> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-borders-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-borders-004.xht new file mode 100644 index 0000000000..73696a9fbd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-borders-004.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: Borders on Table Elements (columns)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="Borders can be applied to table columns." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + col + { + border: 5px solid black; + } + td + { + width: 2em; + height: 2em; + } + </style> + </head> + <body> + <p>Test passes if the box is divided into four equal vertical strips.</p> + <table> + <col /> + <col /> + <col /> + <col /> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-borders-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-borders-005.xht new file mode 100644 index 0000000000..04ffd18d7b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-borders-005.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: Borders on Table Elements (cell)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="Border can be applied to table cells." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + border: 3px solid black; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the box is divided into four squares.</p> + <table> + <tr> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-001.xht new file mode 100644 index 0000000000..1f388ba0bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-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: Table-caption</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="An element with 'display: table-caption' is rendered as if it were a table caption." /> + <style type="text/css"> + .table + { + display: table; + } + .caption + { + display: table-caption; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + height: 3em; + width: 3em; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" is above the box.</p> + <div class="table"> + <div class="caption">Filler Text</div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-002.xht new file mode 100644 index 0000000000..1401a230b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-002.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: CSS Tables: Multiple captions</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" /> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/caption/001.html" type="text/html" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" /> + <style type="text/css"> + .table + { + display: table; + } + .caption + { + display: table-caption; + color: green; + } + .row + { + display: table-row; + color: green; + } + .cell + { + display: table-cell; + } + </style> + </head> + <body class="table"> + <div class="cell">Test passes if the numbers above are in order from top-to-bottom (1-3) and the number below are in order from top-to-bottom (4-6).</div> + <div class="row">4. This line should be green.</div> + <div class="caption">1. This line should be green.</div> + <div class="caption">2. This line should be green.</div> + <div class="row">5. This line should be green.</div> + <div class="caption">3. This line should be green.</div> + <div class="row">6. This line should be green.</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-003.xht new file mode 100644 index 0000000000..2cf1d765f7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-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: CSS Tables: Captions in the middle of tables</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/caption/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" /> + <style type="text/css"> + .table { display: table; width: 100%; } + .caption { display: table-caption; } + .cell { display: table-cell; } + .green { color: green; } + </style> + </head> + <body> + <p>There should be two green lines below.</p> + <div class="table"> + <div class="green cell"> 2. This line sho</div> + <div class="green caption"> 1. This line should be green. </div> + <div class="green cell">uld be green. </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-horizontal-alignment-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-horizontal-alignment-001.xht new file mode 100644 index 0000000000..6b7d47abca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-horizontal-alignment-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: Horizontally aligning table caption content</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <meta name="assert" content="Table caption content can be horizontally aligned with the 'text-align' property." /> + <style type="text/css"> + caption + { + border: 1px solid black; + text-align: right; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is on the right side of the box.</p> + <table> + <caption>Filler Text</caption> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-margins-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-margins-001.xht new file mode 100644 index 0000000000..bf6d384923 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-margins-001.xht @@ -0,0 +1,49 @@ +<!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: Table Caption Margin Collapsing</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" title="17.4 Tables in the visual formatting model" /> + <meta name="assert" content="The table caption's margins do not collapse + with the margins applied to the table wrapper box."/> + <style type="text/css"> + .control { + margin: 15px; + width: 6em; + border: 15px red; + border-style: solid none; + background: repeat-x 0 40px url(support/swatch-red.png); + } + .container { + margin: -15px 0; + border: solid blue 15px; + border-style: solid none; + } + .table { + display: table; + height: 15px; + width: 6em; + margin: 20px 0 40px; + background: blue; + } + .caption { + display: table-caption; + height: 15px; + width: 6em; + background: blue; + margin: 20px 0 40px; + } + </style> + + </head> + <body> + <p>There must be four evenly-spaced blue bars and no red.</p> + <div class="control"> + <div class="container"> + <div class="table"> + <div class="caption"></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-optional-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-optional-001.xht new file mode 100644 index 0000000000..d5ade46b4c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-optional-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: Tables with and without the optional caption</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="flags" content="may" /> + <meta name="assert" content="The table caption is optional - a table can be rendered with or without it." /> + <style type="text/css"> + .table + { + display: table; + } + .caption + { + display: table-caption; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + height: 50px; + width: 50px; + } + </style> + </head> + <body> + <p>Test passes if the top square below has "Filler Text" directly above it and the bottom square does not.</p> + <div class="table"> + <div class="caption">Filler Text</div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + <div> </div> + <div class="table"> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-caption-optional-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-caption-optional-002.xht new file mode 100644 index 0000000000..bc203cf91b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-caption-optional-002.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: Inline-tables with and without the optional caption</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="flags" content="may" /> + <meta name="assert" content="A caption on an inline-table is optional - an inline table can be rendered with or without it." /> + <style type="text/css"> + .table + { + display: inline-table; + } + .caption + { + display: table-caption; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + height: 50px; + width: 50px; + } + </style> + </head> + <body> + <p>Test passes if the left square below has "Filler Text" directly above it and the square on the right does not.</p> + <div> + <span class="table"> + <span class="caption">Filler Text</span> + <span class="tr"> + <span class="td"></span> + <span class="td"></span> + </span> + <span class="tr"> + <span class="td"></span> + <span class="td"></span> + </span> + </span> + + <span class="table"> + <span class="tr"> + <span class="td"></span> + <span class="td"></span> + </span> + <span class="tr"> + <span class="td"></span> + <span class="td"></span> + </span> + </span> + </div> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-cell-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-cell-001.xht new file mode 100644 index 0000000000..37a5ffda29 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-cell-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: Table-cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <link rel="match" href="../reference/ref-filled-black-96px-square.xht" /> + <meta name="assert" content="An element with 'display: table-cell' is rendered as if it were a table cell." /> + <style type="text/css"> + .table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + height: 48px; + width: 48px; + } + </style> + </head> + <body> + <p>Test passes if there is a filled black square.</p> + <div class="table"> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-cell-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-cell-002.xht new file mode 100644 index 0000000000..03a0a04fa5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-cell-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: Image as 'display: table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="flags" content="image" /> + <meta name="assert" content="An image element can have a display value of 'table-cell'." /> + <style type="text/css"> + .table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + background: blue; + display: table-cell; + height: 15px; + width: 15px; + } + img + { + display: table-cell; + height: 15px; + width: 15px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue square below.</p> + <div class="table"> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <img src="support/blue15x15.png" alt="THIS TEST FAILED." /> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-column-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-column-001.xht new file mode 100644 index 0000000000..f66299cbe6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-column-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: Table-column</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="An element with 'display: table-column' as if it were a table column." /> + <style type="text/css"> + .table + { + display: table; + } + .column + { + background: black; + display: table-column; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div class="table"> + <div class="column"></div> + <div class="column"></div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-column-group-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-column-group-001.xht new file mode 100644 index 0000000000..c438f73e04 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-column-group-001.xht @@ -0,0 +1,71 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-column-group</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="An element with 'display: table-column-group' is rendered as if it were a table column group." /> + <style type="text/css"> + #table + { + display: table; + } + .colgroup + { + background: black; + display: table-column-group; + } + .column + { + display: table-column; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + width: 2em; + height: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div class="colgroup"> + <div class="column"></div> + <div class="column"></div> + </div> + <div class="colgroup"> + <div class="column"></div> + <div class="column"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-001.xht new file mode 100644 index 0000000000..fd827e5b63 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-001.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: Table columns are not rendered</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Table columns in themselves are not rendered." /> + <style type="text/css"> + #table + { + display: table; + } + #col + { + background: red; + display: table-column; + height: 5em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div id="col"></div> + </div> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-002.xht new file mode 100644 index 0000000000..e4496dc802 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-002.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: Table column groups are not rendered</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Table column groups in themselves are not rendered." /> + <style type="text/css"> + #table + { + display: table; + } + #colgroup + { + background: red; + display: table-column-group; + height: 5em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="table"> + <div id="colgroup"></div> + </div> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-003.xht new file mode 100644 index 0000000000..97af7bfdf4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-003.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: Table columns can induce a style on their cells</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="Table columns can induce a style (background-color) on the cells they occupy." /> + <style type="text/css"> + .table + { + display: table; + } + .col + { + display: table-column; + } + #test + { + background: blue; + } + .tr + { + display: table-row; + } + .td + { + border: 1px solid black; + display: table-cell; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the middle column of the three-by-three table below is blue.</p> + <div class="table"> + <div class="col"></div> + <div id="test" class="col"></div> + <div class="col"></div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-004.xht new file mode 100644 index 0000000000..0998d8f071 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-column-rendering-004.xht @@ -0,0 +1,67 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 column groups can induce a style on their cells</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="Table column groups can induce a style (background-color) on the cells they occupy." /> + <style type="text/css"> + .table + { + display: table; + } + .colgroup + { + display: table-column-group; + } + #test + { + background: blue; + } + .col + { + display: table-column; + } + .tr + { + display: table-row; + } + .td + { + border: 1px solid black; + display: table-cell; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the middle column of the three-by-three table below is blue.</p> + <div class="table"> + <div class="colgroup"> + <div class="col"></div> + </div> + <div class="colgroup" id="test"> + <div class="col"></div> + </div> + <div class="colgroup"> + <div class="col"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-columns-example-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-columns-example-001.xht new file mode 100644 index 0000000000..c7705d837a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-columns-example-001.xht @@ -0,0 +1,66 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 columns - Emulating the HTML table 'rules' attribute on columns</title> + <link rel="author" title="W3C" href="http://www.w3c.org" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" /> + <meta name="assert" content="CSS can be used to emmulate the HTML 'rules = cols' attribute (example from section 17.3)." /> + <style type="text/css"> + .t1 + { + border-collapse: collapse; + border-style: hidden; + } + .col1 + { + border-style: none solid; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <table class="t1"> + <col class="col1" /> + <col class="col1" /> + <col class="col1" /> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + <p>Test passes if the vertical lines above this text match the vertical lines below this text (differing only in boldness).</p> + <table rules="cols"> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-columns-example-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-columns-example-002.xht new file mode 100644 index 0000000000..b406b80bc4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-columns-example-002.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: Table columns - Assigning a background to a column</title> + <link rel="author" title="W3C" href="http://www.w3c.org" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" /> + <meta name="assert" content="A specific column class can be selected for a blue background (example from section 17.3)." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + col + { + border-style: solid; + } + col.totals + { + background: blue; + } + td + { + border: 1px solid black; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the middle column of the three-by-three grid is blue.</p> + <table> + <col /> + <col class="totals" /> + <col /> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-columns-example-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-columns-example-003.xht new file mode 100644 index 0000000000..64991fd0b9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-columns-example-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: Table columns - assigning a fixed size to a column</title> + <link rel="author" title="W3C" href="http://www.w3c.org" /> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#columns" /> + <meta name="assert" content="A specific width can be set on a table column (modified example from section 17.3)." /> + <style type="text/css"> + #reference + { + background: blue; + height: 1em; + width: 100px; + } + table + { + background: black; + table-layout: fixed; + width: 50px; + } + col.totals + { + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <table cellspacing="0"> + <col class="totals" /> + <tr> + <td>X</td> + </tr> + <tr> + <td>X</td> + </tr> + <tr> + <td>X</td> + </tr> + </table> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-footer-group-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-001.xht new file mode 100644 index 0000000000..fb2338caf4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-001.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: Table-footer-group</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="An element with 'display: table-footer-group' is rendered as if it were a table footer group." /> + <style type="text/css"> + .table + { + background: blue; + border: 2px solid black; + display: table; + } + .footer + { + background: white; + display: table-footer-group; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is a square below, and the top half of the square is blue.</p> + <div class="table"> + <div class="footer"> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-footer-group-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-002.xht new file mode 100644 index 0000000000..a041b45789 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-002.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 Test: Table footer group and other row groups</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="A table-footer-group element is placed after all other row groups in a table." /> + <style type="text/css"> + .table + { + display: table; + } + #thead + { + background: orange; + display: table-header-group; + } + #tbody + { + background: orange; + display: table-row-group; + } + #tfoot + { + background: blue; + display: table-footer-group; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 4em; + width: 4em; + } + </style> + </head> + <body> + <p>Test passes if the blue square below is stacked below the orange box.</p> + <div class="table"> + <div id="tfoot"> + <div class="tr"> + <div class="td"></div> + </div> + </div> + <div id="tbody"> + <div class="tr"> + <div class="td"></div> + </div> + </div> + <div id="thead"> + <div class="tr"> + <div class="td"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-footer-group-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-003.xht new file mode 100644 index 0000000000..dc12fca718 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-003.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: Table footer group and top captions</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="A table-footer-group element is placed before any bottom captions." /> + <style type="text/css"> + .table + { + display: table; + } + .caption + { + background: orange; + border: 1px solid black; + caption-side: bottom; + color: orange; + display: table-caption; + height: 4em; + width: 4em; + } + #tfoot + { + background: blue; + display: table-footer-group; + } + #tbody + { + background: orange; + display: table-row-group; + } + .tr + { + display: table-row; + } + .td + { + border: 1px solid black; + display: table-cell; + height: 4em; + width: 4em; + } + </style> + </head> + <body> + <p>Test passes if the blue square below is stacked above either one or two orange squares and has one orange square above it.</p> + <div class="table"> + <div class="caption"></div> + <div class="caption"></div> + <div id="tfoot"> + <div class="tr"> + <div class="td"></div> + </div> + </div> + <div id="tbody"> + <div class="tr"> + <div class="td"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-footer-group-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-004.xht new file mode 100644 index 0000000000..f414129df6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-004.xht @@ -0,0 +1,129 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Repeating table footer groups in paged media</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="flags" content="may paged" /> + <meta name="assert" content="Print user agents may repeat footer rows on each page spanned by a table (non-normative rule)." /> + <style type="text/css"> + .table + { + display: table; + } + #tfoot + { + background: orange; + display: table-footer-group; + } + #tbody + { + display: table-row-group; + } + .tr + { + display: table-row; + } + .td + { + border: 1px solid black; + display: table-cell; + height: 4em; + width: 4em; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below either repeats or doesn't repeat on the bottom of each page in paged media view.</p> + <div class="table"> + <div id="tfoot"> + <div class="tr"> + <div class="td">Filler Text</div> + </div> + </div> + <div id="tbody"> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-footer-group-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-005.xht new file mode 100644 index 0000000000..b20320b3ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-footer-group-005.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Multiple table footer groups</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="A table containing multiple table-footer-group elements only uses the first one as its footer and treats the others as table row groups." /> + <style type="text/css"> + .table + { + display: table; + } + .tfoot + { + display: table-footer-group; + } + .tbody + { + display: table-row-group; + } + .tr + { + display: table-row; + } + .td + { + border: 1px solid black; + color: blue; + display: table-cell; + font-size: 3em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if from top-to-bottom, the boxes are labeled one through six.</p> + <div class="table"> + <div class="tbody"> + <div class="tr"> + <div class="td">1</div> + </div> + </div> + <div class="tfoot"> + <div class="tr"> + <div class="td">6</div> + </div> + </div> + <div class="tfoot"> + <div class="tr"> + <div class="td">2</div> + </div> + </div> + <div class="tbody"> + <div class="tr"> + <div class="td">3</div> + </div> + </div> + <div class="tfoot"> + <div class="tr"> + <div class="td">4</div> + </div> + </div> + <div class="tbody"> + <div class="tr"> + <div class="td">5</div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-header-group-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-header-group-001.xht new file mode 100644 index 0000000000..0b3a595cb7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-header-group-001.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: Table-header-group</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="An element with 'display: table-header-group' is rendered as if it were a table header group." /> + <style type="text/css"> + .table + { + border: 2px solid black; + display: table; + } + .header + { + background: blue; + display: table-header-group; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is a square below, and the top half of the square is blue.</p> + <div class="table"> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="header"> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-header-group-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-header-group-002.xht new file mode 100644 index 0000000000..0e03b0a045 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-header-group-002.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 Test: Table header group and other row groups</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="A table-header-group element is placed before all other row groups in a table." /> + <style type="text/css"> + .table + { + display: table; + } + #thead + { + background: blue; + display: table-header-group; + } + #tbody + { + background: orange; + display: table-row-group; + } + #tfoot + { + background: orange; + display: table-footer-group; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 4em; + width: 4em; + } + </style> + </head> + <body> + <p>Test passes if the blue square below is stacked on top of the orange box.</p> + <div class="table"> + <div id="tfoot"> + <div class="tr"> + <div class="td"></div> + </div> + </div> + <div id="tbody"> + <div class="tr"> + <div class="td"></div> + </div> + </div> + <div id="thead"> + <div class="tr"> + <div class="td"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-header-group-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-header-group-003.xht new file mode 100644 index 0000000000..564ce67620 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-header-group-003.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: Table header group and top captions</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="A table-header-group element is placed after any top captions." /> + <style type="text/css"> + .table + { + display: table; + } + .caption + { + border: 1px solid black; + background: orange; + caption-side: top; + color: orange; + display: table-caption; + height: 4em; + width: 4em; + } + #thead + { + display: table-header-group; + background: blue; + } + #tbody + { + display: table-row-group; + background: orange; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + border: 1px solid black; + height: 4em; + width: 4em; + } + </style> + </head> + <body> + <p>Test passes if the blue square below is stacked beneath either one or two orange squares and has one orange square underneath it.</p> + <div class="table"> + <div id="tbody"> + <div class="tr"> + <div class="td"></div> + </div> + </div> + <div id="thead"> + <div class="tr"> + <div class="td"></div> + </div> + </div> + <div class="caption"></div> + <div class="caption"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-header-group-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-header-group-004.xht new file mode 100644 index 0000000000..c489e05da9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-header-group-004.xht @@ -0,0 +1,129 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Repeating table header groups in paged media</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="flags" content="may paged" /> + <meta name="assert" content="Print user agents may repeat header rows on each page spanned by a table (non-normative rule)." /> + <style type="text/css"> + .table + { + display: table; + } + #thead + { + background: orange; + display: table-header-group; + } + #tbody + { + display: table-row-group; + } + .tr + { + display: table-row; + } + .td + { + border: 1px solid black; + display: table-cell; + height: 4em; + width: 4em; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below either repeats or doesn't repeat on the top of each page in paged media view.</p> + <div class="table"> + <div id="thead"> + <div class="tr"> + <div class="td">Filler Text</div> + </div> + </div> + <div id="tbody"> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-header-group-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-header-group-005.xht new file mode 100644 index 0000000000..64eea2e4e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-header-group-005.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Multiple table header groups</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="A table containing multiple table-header-group elements only uses the first one as its header and treats the others as table row groups." /> + <style type="text/css"> + .table + { + display: table; + } + .thead + { + display: table-header-group; + } + .tbody + { + display: table-row-group; + } + .tr + { + display: table-row; + } + .td + { + border: 1px solid black; + color: blue; + display: table-cell; + font-size: 3em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if from top-to-bottom, the boxes are labeled one through six.</p> + <div class="table"> + <div class="tbody"> + <div class="tr"> + <div class="td">2</div> + </div> + </div> + <div class="thead"> + <div class="tr"> + <div class="td">1</div> + </div> + </div> + <div class="thead"> + <div class="tr"> + <div class="td">3</div> + </div> + </div> + <div class="tbody"> + <div class="tr"> + <div class="td">4</div> + </div> + </div> + <div class="thead"> + <div class="tr"> + <div class="td">5</div> + </div> + </div> + <div class="tbody"> + <div class="tr"> + <div class="td">6</div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-001.xht new file mode 100644 index 0000000000..edaccc96b8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-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: Table height of 'auto' equals sum of row heights, cell spacing and borders</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A table height of 'auto' equals the sum of the row heights plus any cell spacing and borders." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #reference + { + background: blue; + height: 13em; + width: 12em; + } + table + { + background: black; + border-spacing: 1em; + height: auto; + padding: 0; + } + td + { + border: 1em solid black; + padding: 1em; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same height.</p> + <div id="reference"> + <table> + <tr> + <td>X</td> + </tr> + <tr> + <td>X</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-002.xht new file mode 100644 index 0000000000..d73b311523 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-002.xht @@ -0,0 +1,71 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Specified table height is treated as minimum height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A specified table height value is treated as the minimum height of the table." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #reference + { + background: black; + font: 16px/1em Ahem; + height: 10em; + width: 20em; + } + table + { + border-spacing: 0; + padding: 0; + } + .t1 + { + height: 4em; + background: blue; + color: blue; + } + .t2 + { + height: 5em; + background: purple; + color: purple; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the blue and purple boxes below are half the height of the black box.</p> + <div id="reference"> + <table class="t1"> + <tr> + <td>XXXXXXXXXX</td> + </tr> + <tr> + <td>XXXXXXXXXX</td> + </tr> + <tr> + <td>XXXXXXXXXX</td> + </tr> + <tr> + <td>XXXXXXXXXX</td> + </tr> + <tr> + <td>XXXXXXXXXX</td> + </tr> + </table> + <table class="t2"> + <tr> + <td>XXXXXXXXXX</td> + </tr> + <tr> + <td>XXXXXXXXXX</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-003.xht new file mode 100644 index 0000000000..cd12494e75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-003.xht @@ -0,0 +1,73 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Specified row height is treated as minimum row height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A specified row height value is treated as the minimum height of the row." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #ruler + { + background: black; + font: 16px/1em Ahem; + height: 10em; + width: 20em; + } + table + { + border-spacing: 0; + } + .t1 + { + background: blue; + color: blue; + } + .t2 + { + background: purple; + color: purple; + } + .r1 + { + height: 0.5em; + } + .r2 + { + height: 5em; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the blue and purple boxes below are half the height of the black box.</p> + <div id="ruler"> + <table class="t1"> + <tr class="r1"> + <td>XXXXXXXXXX</td> + </tr> + <tr class="r1"> + <td>XXXXXXXXXX</td> + </tr> + <tr class="r1"> + <td>XXXXXXXXXX</td> + </tr> + <tr class="r1"> + <td>XXXXXXXXXX</td> + </tr> + <tr class="r1"> + <td>XXXXXXXXXX</td> + </tr> + </table> + <table class="t2"> + <tr class="r2"> + <td>XXXXXXXXXX</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-004.xht new file mode 100644 index 0000000000..2ea4937095 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-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: Specifying 'auto' height on a row assigns it its minimum content height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="This tests that setting 'height: auto' on a row assigns the row its minimum content height." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #reference + { + background: blue; + font: 20px/1em Ahem; + height: 10em; + width: 20em; + } + table + { + background: black; + border-spacing: 0; + } + tr + { + height: auto; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same height.</p> + <div id="reference"> + <table> + <tr> + <td>XXXXXXXXXX<br /> + XXXXXXXXXX<br /> + XXXXXXXXXX<br /> + XXXXXXXXXX<br /> + XXXXXXXXXX<br /> + XXXXXXXXXX<br /> + XXXXXXXXXX<br /> + XXXXXXXXXX<br /> + XXXXXXXXXX<br /> + XXXXXXXXXX<br /> + </td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008.xht new file mode 100644 index 0000000000..c490826d0f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008.xht @@ -0,0 +1,67 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 of a cell is maximum between its specified 'height' and content minimum height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The height of a cell is the maximum between its specified 'height' and content minimum height." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #reference + { + background: black; + font: 16px/1em Ahem; + height: 10em; + width: 20em; + } + table + { + border-spacing: 0; + } + td + { + padding: 0; + } + .c1 + { + background: blue; + color: blue; + height: 1em; + } + .c2 + { + background: purple; + color: purple; + height: 5em; + } + </style> + </head> + <body> + <p>Test passes if the blue and purple boxes below are half the height of the black box.</p> + <div id="reference"> + <table> + <tr> + <td class="c1">XXXXXXXXXX</td> + </tr> + <tr> + <td class="c1">XXXXXXXXXX</td> + </tr> + <tr> + <td class="c1">XXXXXXXXXX</td> + </tr> + <tr> + <td class="c1">XXXXXXXXXX</td> + </tr> + <tr> + <td class="c1">XXXXXXXXXX</td> + </tr> + </table> + <table> + <tr> + <td class="c2">XXXXXXXXXX</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008a.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008a.xht new file mode 100644 index 0000000000..eaaf04f759 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008a.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 of a cell is maximum between its specified 'height' and content minimum height</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/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="The height of a 'table-row' element's box is the maximum of the row's computed 'height', the computed 'height' of each cell in such row and the minimum height required by the content of the cells. The height of a cell is the maximum between its specified 'height' and the minimum height required by its content." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + table#overlapping-green-test + { + border-spacing: 0px; + font: 20px/1 Ahem; + } + + td + { + background-color: green; /* so that the padding area gets painted green */ + color: green; + height: 3em; + padding: 1em; + } + ]]></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> + + <table id="overlapping-green-test"> + <tr> + <td>123</td> + </tr> + </table> + + <!-- + Such single cell's box should be 5em wide and 5em tall + while its content area should be 3em wide and 3em tall. + --> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008b.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008b.xht new file mode 100644 index 0000000000..a0e811ad3d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008b.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: Height of a cell is maximum between its specified 'height' and content minimum height</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/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="The height of a 'table-row' element's box is the maximum of the row's computed 'height', the computed 'height' of each cell in such row and the minimum height required by the content of the cells. The height of a cell is the maximum between its specified 'height' and the minimum height required by its content." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + table#overlapping-green-test + { + border-spacing: 0px; + font: 20px/1 Ahem; + } + + td + { + background-color: green; + border: green solid 1em; + color: green; + height: 3em; + padding: 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> + + <table id="overlapping-green-test"> + <tr> + <td>123</td> + </tr> + </table> + + <!-- + Such single cell's box should be 5em wide and 5em tall + while its content area should be 3em wide and 3em tall. + --> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008c.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008c.xht new file mode 100644 index 0000000000..092e7cf0fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-008c.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: Height of a cell is maximum between its specified 'height' and content minimum height</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/tables.html#height-layout" title="17.5.3 Table height algorithms" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="The height of a 'table-row' element's box is the maximum of the row's computed 'height', the computed 'height' of each cell in such row and the minimum height required by the content of the cells. The height of a cell is the maximum between its specified 'height' and the minimum height required by its content." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#overlapped-red-reference + { + background-color: red; + height: 100px; + position: absolute; + width: 100px; + z-index: -1; + } + + table#overlapping-green-test + { + border-spacing: 0px; + font: 20px/1 Ahem; + } + + td + { + background-color: green; /* so that the padding area gets painted green */ + border: green solid 0.5em; + color: green; + height: 3em; + padding: 0.5em; + } + ]]></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> + + <table id="overlapping-green-test"> + <tr> + <td>123</td> + </tr> + </table> + + <!-- + Such single cell's box should be 5em wide and 5em tall + while its content area should be 3em wide and 3em tall. + --> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-009.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-009.xht new file mode 100644 index 0000000000..19ecc812a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-009.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 value of 'auto' on a cell assigns it its content minimum height</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A 'height' value of 'auto' on a cell assigns it its content minimum height." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #reference + { + background: blue; + font: 20px/1em Ahem; + height: 10em; + width: 10em; + } + table + { + background: black; + border-spacing: 0; + } + td + { + height: auto; + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same height.</p> + <div id="reference"> + <table> + <tr> + <td>XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + </td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-010.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-010.xht new file mode 100644 index 0000000000..b303c66bdd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-010.xht @@ -0,0 +1,82 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Sum of row heights of a spanning cell must be great enough to encompass the full cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The sum of row heights for a spanning cell are great enough to encompass the full cell." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #ruler + { + background: blue; + font: 20px/1em Ahem; + height: 10em; + width: 20em; + } + table + { + background: black; + border-spacing: 0; + } + tr + { + height: 1em; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same height.</p> + <div id="ruler"> + <table> + <tr> + <td rowspan="10"> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + </td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXX</td> + </tr> + </table> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-011.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-011.xht new file mode 100644 index 0000000000..fb9bf412d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-011.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: Vertical-align set to 'baseline' aligns the cell content baseline with baseline of the row</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A cell with Vertical-align set to 'baseline' aligns the cell's content baseline with the baseline of the row." /> + <style type="text/css"> + td + { + vertical-align: baseline; + } + #big + { + font-size: 30px; + } + #bigger + { + font-size: 60px; + } + #biggest + { + font-size: 90px; + } + </style> + </head> + <body> + <p>Test passes if the bottom of "Filler Text" below is aligned.</p> + <table> + <tr> + <td id="big">FillerText</td> + <td id="bigger">FillerText</td> + <td id="biggest">FillerText</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-012.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-012.xht new file mode 100644 index 0000000000..ed6d2b4337 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-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: Vertical-align set to 'baseline' with a spanning cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A spanning cell with Vertical-align set to 'baseline' aligns the cell's content baseline (which is the bottom of the first line of text or in-flow content) with the baseline of the first of the rows it spans." /> + <style type="text/css"> + td + { + vertical-align: baseline; + } + #small + { + font-size: small; + } + #large + { + font-size: large; + } + </style> + </head> + <body> + <p>Test passes if the bottom of "Filler Text" below is aligned.</p> + <table> + <tr> + <td> + <div id="small">Filler Text</div> + </td> + <td rowspan="2"> + <div id="large">Filler Text</div> + </td> + </tr> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-013.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-013.xht new file mode 100644 index 0000000000..7f7486b8b1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-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: Vertical-align set to 'top' aligns cell content to the top of the cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A cell with Vertical-align set to 'top' aligns a cell's content to the top of the cell." /> + <style type="text/css"> + table + { + height: 100px; + } + td + { + border: 1px solid black; + vertical-align: top; + } + #small + { + font-size: 10pt; + } + #medium + { + font-size: 20pt; + } + #large + { + font-size: 30pt; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is vertically aligned to the top of their boxes.</p> + <table> + <tr> + <td> + <div id="small">Filler Text</div> + </td> + <td> + <div id="medium">Filler Text</div> + </td> + <td> + <div id="large">Filler Text</div> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-014.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-014.xht new file mode 100644 index 0000000000..158a5b7611 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-014.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: Vertical-align set to 'top' with a spanning cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A spanning cell with Vertical-align set to 'top' aligns the cell's content to the top of the first row that it spans." /> + <style type="text/css"> + table + { + height: 100px; + } + td + { + border: 1px solid black; + vertical-align: top; + } + #small + { + font-size: small; + } + #large + { + font-size: large; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is vertically aligned to the top of their boxes.</p> + <table> + <tr> + <td> + <div id="small">Filler Text</div> + </td> + <td rowspan="2"> + <div id="large">Filler Text</div> + </td> + </tr> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-015.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-015.xht new file mode 100644 index 0000000000..b9f66316cc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-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: Vertical-align set to 'bottom' aligns cell content to the bottom of the cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A cell with Vertical-align set to 'bottom' aligns the cell's content to the bottom of the cell." /> + <style type="text/css"> + table + { + height: 100px; + } + td + { + border: 1px solid black; + vertical-align: bottom; + } + #small + { + font-size: 10pt; + } + #medium + { + font-size: 20pt; + } + #large + { + font-size: 30pt; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is vertically aligned to the bottom of their boxes.</p> + <table> + <tr> + <td> + <div id="small">Filler Text</div> + </td> + <td> + <div id="medium">Filler Text</div> + </td> + <td> + <div id="large">Filler Text</div> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-016.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-016.xht new file mode 100644 index 0000000000..737e4a4631 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-016.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: Vertical-align set to 'bottom' with a spanning cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A spanning cell with Vertical-align set to 'bottom' aligns the cell's content to the bottom of the last row it spans." /> + <style type="text/css"> + table + { + height: 100px; + } + td + { + border: 1px solid black; + vertical-align: bottom; + } + #small + { + font-size: small; + } + #large + { + font-size: large; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" is vertically aligned to the bottom of their boxes.</p> + <table> + <tr> + <td></td> + <td rowspan="2"> + <div id="small">Filler Text</div> + </td> + </tr> + <tr> + <td> + <div id="large">Filler Text</div> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-017.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-017.xht new file mode 100644 index 0000000000..6a00813016 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-017.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: Vertical-align set to 'middle' aligns content to the middle of the cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A cell with Vertical-align set to 'middle' aligns cell content in the middle of the cell." /> + <style type="text/css"> + table + { + height: 100px; + } + td + { + border: 1px solid black; + vertical-align: middle; + } + #small + { + font-size: 10pt; + } + #medium + { + font-size: 20pt; + } + #large + { + font-size: 30pt; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is vertically aligned to the middle of their boxes.</p> + <table> + <tr> + <td> + <div id="small">Filler Text</div> + </td> + <td> + <div id="medium">Filler Text</div> + </td> + <td> + <div id="large">Filler Text</div> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-018.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-018.xht new file mode 100644 index 0000000000..344f67c348 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-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: Vertical-align set to 'middle' with a spanning cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A spanning cell with 'vertical-align' set to 'middle' aligns content to the vertical center of the rows it spans." /> + <style type="text/css"> + table + { + height: 200px; + } + #cell + { + border: 1px solid black; + vertical-align: middle; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is vertically aligned to the middle of the box.</p> + <table> + <tr> + <td></td> + <td id="cell" rowspan="2">Filler Text</td> + </tr> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-019.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-019.xht new file mode 100644 index 0000000000..6f3c35fc3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-019.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: Cell with 'vertical-align: sub' renders as 'vertical-align: baseline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A cell with 'vertical-align: sub' renders as if the value were 'baseline'." /> + <style type="text/css"> + table + { + height: 100px; + } + td + { + vertical-align: sub; + } + #small + { + font-size: 10pt; + } + #medium + { + font-size: 20pt; + } + #large + { + font-size: 30pt; + } + </style> + </head> + <body> + <p>Test passes if the bottom of "Filler Text" below is aligned.</p> + <table> + <tr> + <td> + <div id="small">Filler Text</div> + </td> + <td> + <div id="medium">Filler Text</div> + </td> + <td> + <div id="large">Filler Text</div> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-020.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-020.xht new file mode 100644 index 0000000000..33d802b95a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-020.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: Cell with 'vertical-align: super' renders as 'vertical-align: baseline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A cell with 'vertical-align: super' renders as if the value were 'baseline'." /> + <style type="text/css"> + table + { + height: 100px; + } + td + { + vertical-align: super; + } + #small + { + font-size: 10pt; + } + #medium + { + font-size: 20pt; + } + #large + { + font-size: 30pt; + } + </style> + </head> + <body> + <p>Test passes if the bottom of "Filler Text" below is aligned.</p> + <table> + <tr> + <td> + <div id="small">Filler Text</div> + </td> + <td> + <div id="medium">Filler Text</div> + </td> + <td> + <div id="large">Filler Text</div> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-021.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-021.xht new file mode 100644 index 0000000000..11df37c9bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-021.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: Cell with 'vertical-align: text-top' renders as 'vertical-align: baseline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A cell with 'vertical-align: text-top' renders as if the value were 'baseline'." /> + <style type="text/css"> + table + { + height: 100px; + } + td + { + vertical-align: text-top; + } + #small + { + font-size: 10pt; + } + #medium + { + font-size: 20pt; + } + #large + { + font-size: 30pt; + } + </style> + </head> + <body> + <p>Test passes if the bottom of the "Filler Text" below is aligned.</p> + <table> + <tr> + <td> + <div id="small">Filler Text</div> + </td> + <td> + <div id="medium">Filler Text</div> + </td> + <td> + <div id="large">Filler Text</div> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-022.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-022.xht new file mode 100644 index 0000000000..eff6927f41 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-022.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: Cell with 'vertical-align: text-bottom' renders as 'vertical-align: baseline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A cell with 'vertical-align: text-bottom' renders as if the value were 'baseline'." /> + <style type="text/css"> + table + { + height: 100px; + } + td + { + vertical-align: text-bottom; + } + #small + { + font-size: 10pt; + } + #medium + { + font-size: 20pt; + } + #large + { + font-size: 30pt; + } + </style> + </head> + <body> + <p>Test passes if the bottom of the "Filler Text" below is aligned.</p> + <table> + <tr> + <td> + <div id="small">Filler Text</div> + </td> + <td> + <div id="medium">Filler Text</div> + </td> + <td> + <div id="large">Filler Text</div> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-023.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-023.xht new file mode 100644 index 0000000000..eeb82c8cc6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-023.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: Cell with 'vertical-align: [length]' renders as 'vertical-align: baseline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A cell with 'vertical-align: [length]' renders as if the value were 'baseline'." /> + <style type="text/css"> + table + { + height: 100px; + } + td + { + vertical-align: 20px; + } + #small + { + font-size: 10pt; + } + #medium + { + font-size: 20pt; + } + #large + { + font-size: 30pt; + } + </style> + </head> + <body> + <p>Test passes if the bottom of the "Filler Text" below is aligned.</p> + <table> + <tr> + <td> + <div id="small">Filler Text</div> + </td> + <td> + <div id="medium">Filler Text</div> + </td> + <td> + <div id="large">Filler Text</div> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-024.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-024.xht new file mode 100644 index 0000000000..7190dbbbfa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-024.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: Cell with 'vertical-align: [percentage]' renders as 'vertical-align: baseline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A cell with 'vertical-align: [percentage]' renders as if the value were 'baseline'." /> + <style type="text/css"> + table + { + height: 100px; + } + td + { + vertical-align: 50%; + } + #small + { + font-size: 10pt; + } + #medium + { + font-size: 20pt; + } + #large + { + font-size: 30pt; + } + </style> + </head> + <body> + <p>Test passes if the bottom of the "Filler Text" below is aligned.</p> + <table> + <tr> + <td> + <div id="small">Filler Text</div> + </td> + <td> + <div id="medium">Filler Text</div> + </td> + <td> + <div id="large">Filler Text</div> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-025.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-025.xht new file mode 100644 index 0000000000..6bc0b5330b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-025.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: Finding the baseline of a cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="The baseline of a cell is the baseline of the first in-flow line box in the cell or first in-flow table-row in the cell, whichever comes first." /> + <style type="text/css"> + table + { + border-spacing: 0; + } + .inline + { + display: inline-table; + } + td + { + vertical-align: baseline; + } + </style> + </head> + <body> + <p>Test passes if the bottom of the "Filler Text" below is aligned.</p> + <table> + <tr> + <td> + <h1>Filler Text</h1> + <table class="inline"> + <tr> + <td> </td> + </tr> + </table> + </td> + <td> + <table class="inline"> + <tr> + <td>Filler Text</td> + </tr> + </table> + <h1> </h1> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-026.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-026.xht new file mode 100644 index 0000000000..f67cc1c730 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-026.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: Finding the baseline of a cell when no in-flow lines or rows</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="The baseline of a cell is determined by the bottom content edge of a cell when in-flow line boxes and table rows are not present." /> + <style type="text/css"> + table + { + border-collapse: collapse; + border-spacing: 0; + height: 200px; + } + td + { + padding: 0; + vertical-align: baseline; + } + div, button + { + background: white; + border: none; + font: 64px serif; + padding: 0; + margin: 0; + } + div + { + margin-left: -10px; + } + </style> + </head> + <body> + <p>Test passes if there is a single continuous, unbroken line below.</p> + <table> + <tr> + <td><button>__________</button></td> + <td><div>__________</div></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-027.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-027.xht new file mode 100644 index 0000000000..d568f05b0f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-027.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: In-flow boxes are considered scrolled to origin position when finding a baseline</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="In-flow boxes are considered to be scrolled to their origin position when finding a baseline." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: 0; + color: blue; + font: 20px/1 Ahem; + } + td + { + padding: 0; + vertical-align: baseline; + width: 5em; + } + div + { + color: white; + height: 50px; + overflow: auto; + } + span + { + color: blue; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue box below with no jagged edges.</p> + <table> + <tr> + <td>XXXXX</td> + <td> + <div> + <span>XXXX</span> + XXXX XXXX XXXX + </div> + </td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-028.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-028.xht new file mode 100644 index 0000000000..fd73776898 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-028.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: Baseline of a cell might end up below its bottom border</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="flags" content="ahem may" /> + <meta name="assert" content="The baseline of a cell may end up below its bottom border (modified example from spec section 17.5.3)." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + height: 100px; + } + td + { + font: 20px/1em Ahem; + vertical-align: baseline; + } + #cell + { + color: blue; + } + div + { + height: 0; + } + </style> + </head> + <body> + <p>Test passes regardless if the black box is closer to the top of the page than the blue box, or it is not.</p> + <table> + <tr> + <td id="cell"> + <div>Test</div> + XXXXXXXXXX + </td> + <td>XXXXXXXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-029.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-029.xht new file mode 100644 index 0000000000..7f90605a05 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-029.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: Table cells with different 'vertical-align' values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="assert" content="A table can have cells with different 'vertical-align' values." /> + <style type="text/css"> + table + { + border-spacing: 0; + height: 10em; + } + tr + { + vertical-align: top; + } + td + { + border: 1px solid black; + font-size: 1em; + padding: 0; + vertical-align: baseline; + } + #larger + { + font-size: 3em; + } + #middle + { + vertical-align: middle; + } + #bottom + { + vertical-align: bottom; + } + #inherit + { + vertical-align: inherit; + } + </style> + </head> + <body> + <p>Test passes if from left-to-right, the bottoms of the first two letters "X" are aligned, the third letter "X" is at the top of its box, the fourth "X" is in the middle of its box, and the fifth "X" is at the bottom of its box.</p> + <table> + <tr> + <td>X</td> + <td> + <div id="larger">X</div> + </td> + <td id="inherit">X</td> + <td id="middle">X</td> + <td id="bottom">X</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-030.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-030.xht new file mode 100644 index 0000000000..9e8eda855e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-030.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: Cell boxes smaller than their rows receive extra padding</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A cell box that is smaller than height of its row receives extra top or bottom padding." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + border-spacing: 0; + } + td + { + color: blue; + font: 16px/1em Ahem; + padding: 0; + vertical-align: middle; + } + #short + { + color: orange; + height: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is orange box to the right of the blue box and the orange box is vertically aligned to the middle of the blue box.</p> + <table> + <tr> + <td> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + XXXXX<br /> + </td> + <td id="short">XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-031.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-031.xht new file mode 100644 index 0000000000..fe56e984a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-031.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: Table baseline and caption</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" /> + <meta name="assert" content="A table caption does not set the baseline for a table." /> + <style type="text/css"> + caption + { + color: white; + } + td + { + border: 1px solid black; + height: 100px; + vertical-align: baseline; + } + </style> + </head> + <body> + <p>Test passes if the bottoms of the two sets of "Filler Text" below are aligned.</p> + <table> + <tr> + <td> + <table> + <caption>Filler Text</caption> + <tr> + <td>Filler Text</td> + </tr> + </table> + </td> + <td>Filler Text</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-032.xht b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-032.xht new file mode 100644 index 0000000000..456b53b6d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-height-algorithm-032.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-table baseline and caption</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" /> + <meta name="assert" content="A table caption does not set the baseline for an inline-table." /> + <style type="text/css"> + table + { + display: inline-table; + } + caption + { + color: white; + } + td + { + border: 1px solid black; + height: 100px; + vertical-align: baseline; + } + </style> + </head> + <body> + <p>Test passes if the bottoms of the two sets of "Filler Text" below are aligned.</p> + <table> + <tr> + <td> + <table> + <caption>Filler Text</caption> + <tr> + <td>Filler Text</td> + </tr> + </table> + </td> + <td>Filler Text</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-intro-example-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-001.xht new file mode 100644 index 0000000000..3cc363e887 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-001.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: Introduction to Tables (text-align, font-weight)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="'text-align' and 'font-weight' can be applied to table cells (example from spec section 17.1)." /> + <style type="text/css"> + caption + { + color: blue; + } + td + { + border: 1px solid blue; + height: 5em; + width: 10em; + } + th + { + border: 1px solid blue; + font-weight: bold; + height: 5em; + text-align: center; + width: 10em; + } + </style> + </head> + <body> + <p>Test passes if the text in the left-most box column is centered in its column and darker than the text in the other columns.</p> + <table> + <caption>This is a simple 3x3 table</caption> + <tr id="row1"> + <th>Header 1</th> + <td>Cell 1</td> + <td>Cell 2</td> + </tr> + <tr id="row2"> + <th>Header 2</th> + <td>Cell 3</td> + <td>Cell 4</td> + </tr> + <tr id="row3"> + <th>Header 3</th> + <td>Cell 5</td> + <td>Cell 6</td> + </tr> + </table> + </body> + </html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-intro-example-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-002.xht new file mode 100644 index 0000000000..55f79d8a75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-002.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: Introduction to Tables (vertical-align)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="'vertical-align' can be set on table cells (example from section 17.1)." /> + <style type="text/css"> + caption + { + color: blue; + } + td + { + border: 1px solid blue; + height: 5em; + vertical-align: middle; + width: 10em; + } + th + { + border: 1px solid blue; + height: 5em; + vertical-align: baseline; + width: 10em; + } + </style> + </head> + <body> + <p>Test passes if the text in the left-most box column is at the very top of the column and text in the other two columns is vertically centered.</p> + <table> + <caption>This is a simple 3x3 table</caption> + <tr id="row1"> + <th>Header 1</th> + <td>Cell 1</td> + <td>Cell 2</td> + </tr> + <tr id="row2"> + <th>Header 2</th> + <td>Cell 3</td> + <td>Cell 4</td> + </tr> + <tr id="row3"> + <th>Header 3</th> + <td>Cell 5</td> + <td>Cell 6</td> + </tr> + </table> + </body> + </html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-intro-example-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-003.xht new file mode 100644 index 0000000000..491c9da0c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-003.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: Introduction to Tables (border-collapse, border)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="'border-collapse' and 'border' can be set on table elements (example from section 17.1)." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + tr#row1 + { + border: 3px solid blue; + } + tr#row2 + { + border: 1px solid black; + } + tr#row3 + { + border: 1px solid black; + } + </style> + </head> + <body> + <p>Test passes if the box below is separated into three horizontal rows, and the top one has a blue border that is thicker than the borders of the other rows.</p> + <table> + <caption>This is a simple 3x3 table</caption> + <tr id="row1"> + <th>Header 1</th> + <td>Cell 1</td> + <td>Cell 2</td> + </tr> + <tr id="row2"> + <th>Header 2</th> + <td>Cell 3</td> + <td>Cell 4</td> + </tr> + <tr id="row3"> + <th>Header 3</th> + <td>Cell 5</td> + <td>Cell 6</td> + </tr> + </table> + </body> + </html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-intro-example-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-004.xht new file mode 100644 index 0000000000..8d3acc0e4e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-intro-example-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: Introduction to Tables (caption-side)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="'caption-side' can be set on a table caption (example from section 17.1)." /> + <style type="text/css"> + caption + { + color: blue; + caption-side: top; + } + td + { + border: solid black; + } + th + { + border: solid black; + } + </style> + </head> + <body> + <p>Test passes if blue text (with the words 'This is a simple 3x3 table') appears above the three-by-three grid below.</p> + <table> + <caption>This is a simple 3x3 table</caption> + <tr id="row1"> + <th>Header 1</th> + <td>Cell 1</td> + <td>Cell 2</td> + </tr> + <tr id="row2"> + <th>Header 2</th> + <td>Cell 3</td> + <td>Cell 4</td> + </tr> + <tr id="row3"> + <th>Header 3</th> + <td>Cell 5</td> + <td>Cell 6</td> + </tr> + </table> + </body> + </html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-001.xht new file mode 100644 index 0000000000..c476eb0b22 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-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: Background on a table element shows if all elements above its layer are transparent</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> + <meta name="assert" content="A background set on a table element will show if all table element layers above it are transparent." /> + <style type="text/css"> + table + { + background: black; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <table> + <colgroup> + <col /> + <col /> + <col /> + </colgroup> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-002.xht new file mode 100644 index 0000000000..cd06d1b920 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-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: Background on a column group element shows if all elements above its layer are transparent</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> + <meta name="assert" content="A background set on a column group element will show if all table element layers above it are transparent." /> + <style type="text/css"> + table + { + background: red; + border-collapse: collapse; + } + colgroup + { + background: green; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup> + <col /> + <col /> + <col /> + </colgroup> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-003.xht new file mode 100644 index 0000000000..84ad6639dc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-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: Background on a column group element shows on all of a cell that spans through it</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> + <meta name="flags" content="96dpi image" /> + <meta name="assert" content="A background set on a column group element will show on all of a cell that spans outside of it, but it will not affect background image positioning." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + #blue + { + background-image: url("support/bar_with_corner_dot.png"); + } + td + { + height: 50px; + padding: 0; + width: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue 'L' with a light blue dot in its upper-left corner (and no other blue dots) below.</p> + <table> + <colgroup id="blue"> + <col /> + </colgroup> + <colgroup> + <col /> + </colgroup> + <colgroup> + <col /> + </colgroup> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td colspan="3"></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-004.xht new file mode 100644 index 0000000000..368910d66d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-004.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: Background on a column element shows if all elements above its layer are transparent</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> + <meta name="assert" content="A background set on a column element will show if all table element layers above it are transparent." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + table, colgroup + { + background-color: red; + } + col + { + background-color: green; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup> + <col /> + <col /> + <col /> + </colgroup> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-005.xht new file mode 100644 index 0000000000..698979bc09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-005.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: Background on a column element shows in all of a cell that spans through it</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> + <meta name="flags" content="96dpi image" /> + <meta name="assert" content="A background set on a column element will show on all of a cell that spans outside of it, but it will not affect background image positioning." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + #blue + { + background-image: url("support/bar_with_corner_dot.png"); + } + td + { + height: 50px; + padding: 0; + width: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue 'L' with a light blue dot in its upper-left corner (and no other blue dots) below.</p> + <table> + <col id="blue" /> + <col /> + <col /> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td colspan="3"></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-006.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-006.xht new file mode 100644 index 0000000000..b20a305601 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-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: Background on a row group element shows if all elements above its layer are transparent</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> + <meta name="assert" content="A background set on a row group element will show if all table element layers above it are transparent." /> + <style type="text/css"> + table + { + background: red; + border-collapse: collapse; + } + colgroup, col + { + background-color: red; + } + tbody + { + background-color: green; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup> + <col /> + <col /> + <col /> + </colgroup> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-007.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-007.xht new file mode 100644 index 0000000000..f1b2e56800 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-007.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: Background on a row element shows if all elements above its layer are transparent</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> + <meta name="assert" content="A background set on a row element will show if all table element layers above it are transparent." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + table, colgroup, col, tbody + { + background-color: red; + } + tr + { + background-color: green; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup> + <col /> + <col /> + <col /> + </colgroup> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-008.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-008.xht new file mode 100644 index 0000000000..a474061da1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-008.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: Background on a row elements shows on all of a cell spanning through it</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> + <meta name="flags" content="96dpi image" /> + <meta name="assert" content="A background set on a row element will show on all of a cell that spans outside of it, but it will not affect background image positioning." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + #blue + { + background-image: url("support/bar_with_corner_dot.png"); + } + td + { + height: 50px; + padding: 0; + width: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is a blue 'T' with three light blue dots on its top edge below.</p> + <table> + <tr id="blue"> + <td></td> + <td rowspan="3"></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-009.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-009.xht new file mode 100644 index 0000000000..a655b082a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-009.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: Cell element background overlays backgrounds of all other table layers</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> + <meta name="assert" content="A background set on a cell element will overlay the backgrounds of all table elements below it." /> + <style type="text/css"> + table + { + background: red; + border-collapse: collapse; + } + colgroup, col, tbody, tr, td + { + background: red; + } + td + { + background: green; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <colgroup> + <col /> + <col /> + <col /> + </colgroup> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-010.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-010.xht new file mode 100644 index 0000000000..7b4b2d62ec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-010.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: Hidden empty cells are transparent down to table background</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> + <meta name="assert" content="If 'empty-cells' is set to 'hide', empty cells are transparent all the way down to the table background." /> + <style type="text/css"> + table + { + background: orange; + border-collapse: separate; + border-spacing: 0; + } + colgroup, col, tbody, tr + { + background: blue; + } + td + { + height: 2em; + width: 2em; + } + #test + { + background: red; + empty-cells: hide; + } + </style> + </head> + <body> + <p>Test passes if there is an orange square in the middle of the blue square below.</p> + <table> + <colgroup> + <col /> + <col /> + <col /> + </colgroup> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td id="test"></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-011.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-011.xht new file mode 100644 index 0000000000..403670153d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-011.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: The background between cell borders is the table background</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> + <meta name="assert" content="The background between cell borders (using the separated borders model) is the background of the table element." /> + <style type="text/css"> + table + { + background: blue; + border-collapse: separate; + border-spacing: 5px; + } + td + { + background: white; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is a three-by-three table below with blue borders.</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-example-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-example-001.xht new file mode 100644 index 0000000000..168eac65f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layer-transparency-example-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: Empty cells set to 'hide' are transparent down to the table background</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> + <meta name="assert" content="If 'empty-cells' is set to 'hide', empty cells are transparent all the way down to the table background, (example from spec section 17.5.1)." /> + <style type="text/css"> + table + { + background: #ff0; + border: solid black; + empty-cells: hide; + } + tr.top + { + background: orange; + } + td + { + border: 2px solid black; + } + </style> + </head> + <body> + <p>Test passes if the table below has two rows of cells with black borders, cell '2' spans both rows, and cells '1', '2', '3', '4' have a orange background. There cannot be any visible cells below cells '3' or '4'.</p> + <table> + <tr class="top"> + <td> 1</td> + <td rowspan="2"> 2</td> + <td> 3</td> + <td> 4</td> + </tr> + <tr> + <td> 5</td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-001.xht new file mode 100644 index 0000000000..895377447a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-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: Table-layout set to 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Cell content width is taken into account in the used width of a table when the table has 'table-layout' set to 'auto'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table, div + { + font: 1em Ahem; + } + table + { + background: black; + border-spacing: 0; + table-layout: auto; + width: 5em; + } + td + { + padding: 0; + } + div + { + background: black; + margin-top: 10px; + width: 10em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <table> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + </table> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-002.xht new file mode 100644 index 0000000000..34ac7e8020 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-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: Table-layout set to 'fixed'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Cell content width is not taken into account in the used width of a table when the table has 'table-layout' set to 'fixed'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table, div + { + font: 1em Ahem; + } + table + { + background: black; + border-spacing: 0; + overflow: hidden; + table-layout: fixed; + width: 5em; + } + td + { + padding: 0; + } + div + { + background: black; + margin-top: 10px; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <table> + <tr> + <td>XXXXXXXX</td> + <td>XXXXXXXX</td> + </tr> + </table> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-003.xht new file mode 100644 index 0000000000..3953316af1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-003.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: Table-layout set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A table can inherit its 'table-layout' behavior from its parent container." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #container + { + table-layout: fixed; + } + table, #reference + { + font: 1em Ahem; + } + table + { + background: black; + border-spacing: 0; + overflow: hidden; + table-layout: inherit; + width: 5em; + } + td + { + padding: 0; + } + #reference + { + background: black; + margin-top: 10px; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="container"> + <table> + <tr> + <td>XXXXXXXX</td> + <td>XXXXXXXX</td> + </tr> + </table> + </div> + <div id="reference">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-001.xht new file mode 100644 index 0000000000..b335d7d696 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-001.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: Table-layout and 'display: inline' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: inline' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + display: inline; + table-layout: fixed; + width: 10em; + } + .colgroup + { + display: table-column-group; + width: 5em; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="test"> + <div class="colgroup"></div> + <div class="colgroup"></div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-002.xht new file mode 100644 index 0000000000..5a29271d93 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-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: Table-layout and 'display: block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + display: block; + table-layout: fixed; + width: 10em; + } + .colgroup + { + display: table-column-group; + width: 5em; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="test"> + <div class="colgroup"></div> + <div class="colgroup"></div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-003.xht new file mode 100644 index 0000000000..6eb9b4f75f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-003.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: Table-layout and 'display: list-item' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: list-item' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + body + { + margin-left: 1em; + } + #test + { + display: list-item; + table-layout: fixed; + width: 10em; + } + .colgroup + { + display: table-column-group; + width: 5em; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width and there is a marker bullet on the left-hand side of the black box.</p> + <div id="test"> + <div class="colgroup"></div> + <div class="colgroup"></div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-005.xht new file mode 100644 index 0000000000..e956fe595d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-005.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: Table-layout and 'display: inline-block' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: inline-block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + display: inline-block; + table-layout: fixed; + width: 10em; + } + .colgroup + { + display: table-column-group; + width: 5em; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="test"> + <div class="colgroup"></div> + <div class="colgroup"></div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-006.xht new file mode 100644 index 0000000000..396a7afc36 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-006.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: Table-layout and 'display: table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout applies to 'display: table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + display: table; + table-layout: fixed; + width: 10em; + } + .colgroup + { + display: table-column-group; + width: 5em; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 10em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="test"> + <div class="colgroup"></div> + <div class="colgroup"></div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-007.xht new file mode 100644 index 0000000000..1cbf6c333e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-007.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: Table-layout and 'display: inline-table' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout applies to 'display: inline-table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + display: inline-table; + table-layout: fixed; + width: 10em; + } + .colgroup + { + display: table-column-group; + width: 5em; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 10em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="test"> + <div class="colgroup"></div> + <div class="colgroup"></div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-008.xht new file mode 100644 index 0000000000..47fb187723 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-008.xht @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout and 'display: table-row-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: table-row-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + width: 10em; + } + .colgroup + { + display: table-column-group; + width: 5em; + } + #test + { + display: table-row-group; + table-layout: fixed; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="table"> + <div class="colgroup"></div> + <div class="colgroup"></div> + <div id="test"> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-009.xht new file mode 100644 index 0000000000..773169df3e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-009.xht @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout and 'display: table-header-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: table-header-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + width: 10em; + } + .colgroup + { + display: table-column-group; + width: 5em; + } + #test + { + display: table-header-group; + table-layout: fixed; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="table"> + <div class="colgroup"></div> + <div class="colgroup"></div> + <div id="test"> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-010.xht new file mode 100644 index 0000000000..c75cb3350d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-010.xht @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout and 'display: table-footer-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: table-footer-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + width: 10em; + } + .colgroup + { + display: table-column-group; + width: 5em; + } + #test + { + display: table-footer-group; + table-layout: fixed; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="table"> + <div class="colgroup"></div> + <div class="colgroup"></div> + <div id="test"> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-011.xht new file mode 100644 index 0000000000..6e9bc9d684 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-011.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: Table-layout and 'display: table-row' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: table-row' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + width: 10em; + } + .colgroup + { + display: table-column-group; + width: 5em; + } + #test + { + display: table-row; + table-layout: fixed; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 1em; + width: 15em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="table"> + <div class="colgroup"></div> + <div class="colgroup"></div> + <div id="test"> + <div class="td">XXXXX</div> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-012.xht new file mode 100644 index 0000000000..d6beaf3bbf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-012.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: Table-layout and 'display: table-column' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: table-column' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + width: 5em; + } + #test + { + display: table-column; + table-layout: fixed; + width: 5em; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 10em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="table"> + <div id="test"></div> + <div class="tr"> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-013.xht new file mode 100644 index 0000000000..dbc79cab86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-013.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: Table-layout and 'display: table-column-group' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: table-column-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + width: 5em; + } + #test + { + display: table-column-group; + table-layout: fixed; + width: 5em; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 10em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="table"> + <div id="test"></div> + <div class="tr"> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-014.xht new file mode 100644 index 0000000000..dfd7175904 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-014.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: Table-layout and 'display: table-cell' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: table-cell' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + width: 10em; + } + #colgroup + { + display: table-column-group; + width: 10em; + } + #tr + { + display: table-row; + } + #test + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + table-layout: fixed; + } + #reference + { + background: blue; + height: 1em; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="table"> + <div id="colgroup"></div> + <div id="tr"> + <div id="test">XXXXXXXXX0XXXXXXXXX0</div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-015.xht new file mode 100644 index 0000000000..971156097d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-015.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: Table-layout and 'display: table-caption' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: table-caption' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + width: 10em; + } + #test + { + display: table-caption; + table-layout: fixed; + } + .colgroup + { + display: table-column-group; + width: 5em; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="table"> + <div id="test"></div> + <div class="colgroup"></div> + <div class="colgroup"></div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-016.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-016.xht new file mode 100644 index 0000000000..45d16291fe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-016.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: Table-layout and 'display: none' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="Table-layout does not apply to 'display: none' elements." /> + <style type="text/css"> + #test + { + display: none; + table-layout: fixed; + width: 10em; + } + #tr + { + display: table-row; + } + #td + { + background: red; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="test"> + <div id="tr"> + <div id="td">XXXXXXXXX0</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-017.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-017.xht new file mode 100644 index 0000000000..a618313970 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-applies-to-017.xht @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout and 'display: inherit' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: inherit' elements which do not inherit the value of 'table'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #container + { + display: block; + } + #test + { + display: inherit; + table-layout: fixed; + width: 10em; + } + .colgroup + { + display: table-column-group; + width: 5em; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="container"> + <div id="test"> + <div class="colgroup"></div> + <div class="colgroup"></div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-inherited-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-inherited-001.xht new file mode 100644 index 0000000000..1c5dfe3978 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-inherited-001.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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-layout is not inherited by default</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout is not inherited by default." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #div1 + { + table-layout: fixed; + } + table + { + background: black; + border-spacing: 0; + width: 10em; + } + colgroup + { + width: 5em; + } + td + { + overflow: hidden; + padding: 0; + } + #div2 + { + background: blue; + height: 2em; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if the black box is at least as wide as the blue box.</p> + <div id="div1"> + <table> + <colgroup></colgroup> + <colgroup></colgroup> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXXXXXX0</td> + <td>XXXXXXXXX0</td> + </tr> + </table> + </div> + <div id="div2"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-initial-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-initial-001.xht new file mode 100644 index 0000000000..de167733a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-initial-001.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: Initial value of table-layout</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The initial value of table-layout is 'auto'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + table + { + background: black; + border-spacing: 0; + width: 10em; + } + colgroup + { + width: 5em; + } + td + { + overflow: hidden; + padding: 0; + } + #div1 + { + background: blue; + height: 2em; + width: 20em; + } + td, #div1 + { + font: 20px/1em Ahem; + } + </style> + </head> + <body> + <p>Test passes if the black bar is at least as wide as the blue bar.</p> + <table> + <colgroup></colgroup> + <colgroup></colgroup> + <tr> + <td>XXXXX</td> + <td>XXXXX</td> + </tr> + <tr> + <td>XXXXXXXXX0</td> + <td>XXXXXXXXX0</td> + </tr> + </table> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-property-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-property-001.xht new file mode 100644 index 0000000000..46a8ca395d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-property-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: A table doesn't size to fit its container when margins are zero and width is 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="assert" content="When table margins are zero and width is 'auto', the table doesn't automatically size to fill its containing block ." /> + <style type="text/css"> + div + { + background: blue; + width: 300px; + } + table + { + background: black; + margin: 0; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if there is a black box below is adjacent to a blue box.</p> + <div> + <table> + <tr> + <td>Filler Text Filler Text</td> + </tr> + </table> + </div> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-layout-property-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-layout-property-002.xht new file mode 100644 index 0000000000..31ee02a969 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-layout-property-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: Centering a table in its containing block by setting its left and right margins to 'auto'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="assert" content="A table can be centered in its containing block by setting its left and right margins to 'auto'." /> + <style type="text/css"> + div + { + border: solid black; + width: 300px; + } + table + { + background: blue; + color: blue; + margin-left: auto; + margin-right: auto; + width: auto; + } + </style> + </head> + <body> + <p>Test passes if the blue box below is centered within the black box.</p> + <div> + <table> + <tr> + <td>Filler Text Filler Text</td> + </tr> + <tr> + <td>Filler Text Filler Text</td> + </tr> + <tr> + <td>Filler Text Filler Text</td> + </tr> + </table> + </div> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-margin-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-margin-001.xht new file mode 100644 index 0000000000..87493edb0f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-margin-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: CSS Tables: Margins</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/004.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" /> + <style type="text/css"> + * { + margin: 0; + padding: 0; + border: 0; + border-spacing: 0; + } + table { + margin-left: 1em; + margin-right: 19em; + } + div { + border: green solid; + width: 20em; + height: 10em; + font: 1em/1em monospace; + overflow: hidden; + } + span { + background: red; + color: yellow; + font-size: 0.9em; + } + </style> + </head> + <body> + <div> <table> <tr> <td> + This____ + text____ + should__ + be______ + wrapped, + one_____ + word____ + to______ + a_______ + line.___ +<span>_FAIL!__</span> + </td> </tr> </table> </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-margin-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-margin-002.xht new file mode 100644 index 0000000000..fed56b583c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-margin-002.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: CSS Tables: Margins</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/005.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" /> + <style type="text/css"> + * { + margin: 0; + padding: 0; + border: 0; + border-spacing: 0; + } + table { + border-left: 1em solid; + border-right: 19em solid; + } + div { + border: green solid; + width: 20em; + height: 10em; + font: 1em/1em monospace; + overflow: hidden; + } + span { + background: red; + color: yellow; + font-size: 0.9em; + } + </style> + </head> + <body> + <div> <table> <tr> <td> + This____ + text____ + should__ + be______ + wrapped, + one_____ + word____ + to______ + a_______ + line.___ +<span>_FAIL!__</span> + </td> </tr> </table> </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-margin-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-margin-003.xht new file mode 100644 index 0000000000..f1f32e01ab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-margin-003.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: CSS Tables: Margins</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/006.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" /> + <style type="text/css"> + * { + margin: 0; + padding: 0; + border: 0; + border-spacing: 0; + } + table { + margin-left: 1em; + margin-right: 19em; + } + div { + border: black solid; + width: 20em; + height: 10em; + font: 1em/1em monospace; + overflow: hidden; + } + span { + background: green; + color: white; + font-size: 0.9em; + } + </style> + </head> + <body> + <p> The word PASS should appear below. </p> + <div> <table> <tr> <td> +~~~|~~~ +~~~|~~~ +~~~|~~~ +~~~|~~~ +~~~|~~~ +\~~|~~/ +\\~|~// +~\\|//~ +~~\v/~~ +<span>_PASS!__</span> + </td> </tr> </table> </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-margin-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-margin-004.xht new file mode 100644 index 0000000000..8a68253f72 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-margin-004.xht @@ -0,0 +1,68 @@ +<!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 Tables: 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/table/016.xml" type="application/xhtml+xml" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#collapsing-margins" /> + <link rel="match" href="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"> + div#wrapper + { + border: blue solid medium; + height: 180px; + /* + 20px (margin-top) + 20px (content) + max(20px, 20px) 1st div table + + 20px (content) + max(20px, 20px) 2nd div table + + 20px (content) + max(20px, 20px) 1st p table + + 20px (content) + 20px 2nd p table + ======================================================== + 180px + */ + } + + .table + { + border-spacing: 0; + display: table; + font: 20px/1 Ahem; + height: 1em; + margin: 1em; + } + + div.table-row + { + display: table-row; + } + + div.cell + { + display: table-cell; + } + </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 id="wrapper"> + <div class="table"> + <div class="table-row"> + <div class="cell">Test</div> + </div> + </div> + <div class="table"> + <div class="table-row"> + <div class="cell">Test</div> + </div> + </div> + <p class="table">Test</p> + <p class="table">Test</p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-organization-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-organization-001.xht new file mode 100644 index 0000000000..6cf4df20d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-organization-001.xht @@ -0,0 +1,65 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 organization (columns in column groups)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="Table columns can be grouped into table column groups." /> + <style type="text/css"> + table + { + border: 1px solid black; + } + #cg1 + { + background: blue; + } + #cg2 + { + background: purple; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the table below has two blue columns on the left and two purple columns on the right.</p> + <table> + <colgroup id="cg1"> + <col /> + <col /> + </colgroup> + <colgroup id="cg2"> + <col /> + <col /> + </colgroup> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-organization-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-organization-002.xht new file mode 100644 index 0000000000..d0e523f810 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-organization-002.xht @@ -0,0 +1,61 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 organization (rows in row groups)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#tables-intro" /> + <meta name="assert" content="Table rows can be grouped into table row groups." /> + <style type="text/css"> + table + { + border: 1px solid black; + } + #tb1 + { + background: blue; + } + #tb2 + { + background: purple; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the table below has two blue rows on top and two purple rows on the bottom.</p> + <table> + <tbody id="tb1"> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + <tbody id="tb2"> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </body> + </html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-percent-width-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-percent-width-001.xht new file mode 100644 index 0000000000..70555a4152 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-percent-width-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: Testing percent widths of kids of anonymous table cells</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details"/> + <meta name="assert" content="Percentage width kids of anonymous cells should use anonymous cell as containing block"/> + <style type="text/css"><![CDATA[ + #parent { position: relative; } + .table { display: table; position: absolute; top: 0; left: 0; width: 300px } + .row { display: table-row } + .cell { display: table-cell; } + .spacer { width: 100px; } + .background { background: red; width: 100px; height: 100px; } + .foreground { background: green; width: 50%; height: 100px; } + ]]></style> + </head> + <body> + <p>There should be no red below. A 100px by 100px green square should be visible.</p> + <div id="parent"> + <div class="table"> + <div class="row"> + <div class="cell spacer"></div> + <div class="background"></div> + </div> + </div> + <div class="table"> + <div class="row"> + <div class="cell spacer"></div> + <div class="foreground"></div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-row-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-row-001.xht new file mode 100644 index 0000000000..898e5e61a9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-row-001.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: Table-row</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="An element with 'display: table-row' is rendered as if it were a table row." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + background: black; + display: table-row; + } + .td + { + display: table-cell; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="table"> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-row-group-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-row-group-001.xht new file mode 100644 index 0000000000..d5a85400ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-row-group-001.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: Table-row-group</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" /> + <meta name="assert" content="An element with 'display: table-row-group' is rendered as if it were a table row group." /> + <style type="text/css"> + .table + { + border: 2px solid black; + display: table; + } + #tbody + { + background: blue; + display: table-row-group; + } + .tr + { + display: table-row; + } + .td + { + display: table-cell; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is a square below, and the top half of the square is blue.</p> + <div class="table"> + <div id="tbody"> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + <div class="tr"> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + <div class="td"></div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-valign-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-valign-001.xht new file mode 100644 index 0000000000..021a3e76e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-valign-001.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: Table Cell Vertical Alignment Affect on Specified Height</title> + <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com"/> + <link rel="alternate" href="http://www.brunildo.org/test/td_height1.html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout"/> + <meta name="assert" content="Vertical alignment of cell contents does not + increase the height of cells in the row if there is already enough room."/> + <style type="text/css"><![CDATA[ + .container { + background: red; + float: left; /* shrinkwrap width and height */ + } + .control { + width: 10px; + height: 100px; + background: blue; + } + table, .control { + font-size: 20px; + float: left; + border-spacing: 0; + } + td { + background: blue; + color: blue; + padding: 0; + } + + .middle td { vertical-align: middle; } + .baseline td { vertical-align: baseline; } + .one { height: 100px; } + .two { font-size: 2em; } + ]]></style> + </head> + <body> + <p>There must be a blue box below and no red.</p> + <div class="container"> + <div class="control"></div> + <table class="middle"><tr> + <td class="one">A</td> + <td>B</td> + </tr></table> + + <table class="middle"><tr> + <td class="one">A</td> + <td class="two">B</td> + </tr></table> + + <table class="baseline"><tr> + <td class="one">A</td> + <td>B</td> + </tr></table> + + <table class="baseline"><tr> + <td class="one">A</td> + <td class="two">B</td> + </tr></table> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-valign-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-valign-002.xht new file mode 100644 index 0000000000..8964839a15 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-valign-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: Table Cell Vertical Alignment with Specified Height</title> + <link rel="author" title="L. David Baron" href="https://dbaron.org/"/> + <link rel="alternate" href="https://dbaron.org/css/test/2007/height-of-cell-box"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="alternate" href="http://www.brunildo.org/test/td_height1.html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#height-layout"/> + <meta name="assert" content="Vertical alignment in table cells works whether + or not that cell has a specified height."/> + <style type="text/css"><![CDATA[ + .control { + width: 20px; + height: 30px; + border: solid blue 35px; + border-style: solid none; + background: yellow; + } + table, .control { + float: left; + border-spacing: 0; + } + td { + background: blue; + padding: 0; + } + .content { + width: 20px; + height: 30px; + background: yellow; + color: yellow; + } + .one { height: 100px; } + + .middle td { vertical-align: middle; } + .baseline td { vertical-align: baseline; } + .baseline .two .content { margin-top: 35px; } + ]]></style> + </head> + <body> + <p>There must be a single yellow stripe across the blue box.</p> + <div class="container"> + <div class="control"></div> + <table class="middle"><tr> + <td class="one"><div class="content"></div></td> + <td class="two"><div class="content"></div></td> + </tr></table> + <table class="baseline"><tr> + <td class="one"><div class="content">A</div></td> + <td class="two"><div class="content">B</div></td> + </tr></table> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001-ref.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001-ref.xht new file mode 100644 index 0000000000..9d4b753a6d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001-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: Test for baseline alignment of table cells (reference)</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"> + +td { padding-top: 0; } +td div { padding-top: 40px; } + +</style> +</head> +<body> + +<table> + <tbody><tr> + <td><div>data</div></td> + <td><div>data</div></td> + <td><div>data</div></td> + </tr> +</tbody></table> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001.xht new file mode 100644 index 0000000000..1862eb41f7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-001.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: Test for baseline alignment of table cells</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#height-layout" /> +<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/> +<style type="text/css"> + +td { vertical-align: baseline; } + +</style> +</head> +<body> + +<table> + <tbody><tr> + <td style="padding-top: 40px"><div>data</div></td> + <td style="padding-top: 20px"><div>data</div></td> + <td style="padding-top: 0"><div>data</div></td> + </tr> +</tbody></table> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-002.xht new file mode 100644 index 0000000000..146c6cce30 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-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: Test for baseline alignment of table cells</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#height-layout" /> +<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/> +<style type="text/css"> + +td { vertical-align: baseline; padding-top: 0; } + +</style> +</head> +<body> + +<table> + <tbody><tr> + <td><div style="padding-top: 40px">data</div></td> + <td><div style="padding-top: 20px">data</div></td> + <td><div style="padding-top: 0">data</div></td> + </tr> +</tbody></table> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-003.xht new file mode 100644 index 0000000000..d63cb07dc7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-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: Test for baseline alignment of table cells</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#height-layout" /> +<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/> +<style type="text/css"> + +td { vertical-align: baseline; } + +</style> +</head> +<body> + +<table> + <tbody><tr> + <td style="padding-top: 0"><div style="padding-top: 40px">data</div></td> + <td style="padding-top: 12px"><div style="padding-top: 3px">data</div></td> + <td style="padding-top: 40px"><div style="padding-top: 0">data</div></td> + </tr> +</tbody></table> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-004.xht new file mode 100644 index 0000000000..6e56d07179 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-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: Test for baseline alignment of table cells</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#height-layout" /> +<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/> +<style type="text/css"> + +td { vertical-align: baseline; } + +</style> +</head> +<body> + +<table> + <tbody><tr> + <td style="padding-top: 12px"><div style="padding-top: 3px">data</div></td> + <td style="padding-top: 40px"><div style="padding-top: 0">data</div></td> + <td style="padding-top: 0"><div style="padding-top: 40px">data</div></td> + </tr> +</tbody></table> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-005.xht new file mode 100644 index 0000000000..8b728bee6d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-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: Test for baseline alignment of table cells</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#height-layout" /> +<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/> +<style type="text/css"> + +td { vertical-align: baseline; } + +</style> +</head> +<body> + +<table> + <tbody><tr> + <td style="padding-top: 0; height: 80px;"><div style="padding-top: 40px">data</div></td> + <td style="padding-top: 12px; height: 120px;"><div style="padding-top: 3px">data</div></td> + <td style="padding-top: 40px; height: 160px;"><div style="padding-top: 0">data</div></td> + </tr> +</tbody></table> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-006.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-006.xht new file mode 100644 index 0000000000..9392d7ee67 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-006.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: Test for baseline alignment of table cells</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#height-layout" /> +<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/> +<style type="text/css"> + +td { vertical-align: baseline; } + +</style> +</head> +<body> + +<table> + <tbody><tr> + <td style="padding-top: 0;"><div style="padding-top: 40px; height: 80px;">data</div></td> + <td style="padding-top: 12px;"><div style="padding-top: 3px; height: 120px;">data</div></td> + <td style="padding-top: 40px;"><div style="padding-top: 0; height: 160px;">data</div></td> + </tr> +</tbody></table> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-007.xht b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-007.xht new file mode 100644 index 0000000000..c85e389fcf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-vertical-align-baseline-007.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: Test for baseline alignment of table cells</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#height-layout" /> +<link rel="match" href="table-vertical-align-baseline-001-ref.xht"/> +<style type="text/css"> + +td { vertical-align: baseline; } + +</style> +</head> +<body> + +<table> + <tbody><tr> + <td style="padding-top: 0;"><div style="padding-top: 40px; height: 80px;">data</div></td> + <td style="padding-top: 12px; height: 160px;"><div style="padding-top: 3px;">data</div></td> + <td style="padding-top: 40px;"><div style="padding-top: 0;">data</div></td> + </tr> +</tbody></table> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-001.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-001.xht new file mode 100644 index 0000000000..a39918dbd3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-001.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: Cells can have padding</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table cells can have padding." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + td + { + border-left: 5px solid black; + border-top: 5px solid black; + color: blue; + font-family: Ahem; + padding: 100px; + } + </style> + </head> + <body> + <p>Test passes if the blue box below is not touching the two black lines.</p> + <table> + <tr> + <td>XXXXX</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-002.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-002.xht new file mode 100644 index 0000000000..6c505ebf5c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-002.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: Internal table elements do not have margins</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="Internal table elements do not have margins." /> + <style type="text/css"> + table + { + border-spacing: 0; + } + colgroup, col, tbody, tr + { + margin: 50px; + } + td + { + background: black; + height: 25px; + margin: 50px; + padding: 0; + width: 25px; + } + #div1 + { + background: blue; + height: 25px; + width: 25px; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same width.</p> + <table> + <colgroup> + <col /> + </colgroup> + <tbody> + <tr> + <td></td> + </tr> + </tbody> + </table> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-003.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-003.xht new file mode 100644 index 0000000000..9932cb940f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-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: Each table row box occupies one row of cells</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="Each table row box occupies one row of cells." /> + <style type="text/css"> + #row + { + background: blue; + } + td + { + border: 1px solid black; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the middle row of the table below is blue.</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr id="row"> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-004.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-004.xht new file mode 100644 index 0000000000..613e02846b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-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: Table row boxes are rendered in source order</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="Table row boxes fill the table from top to bottom by the order they occur in the page source." /> + <style type="text/css"> + td + { + border: 1px solid black; + color: blue; + font-size: 5em; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are numbered one through five, from top-to-bottom.</p> + <table> + <tr> + <td>1</td> + </tr> + <tr> + <td>2</td> + </tr> + <tr> + <td>3</td> + </tr> + <tr> + <td>4</td> + </tr> + <tr> + <td>5</td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-005.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-005.xht new file mode 100644 index 0000000000..e4283590c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-005.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: Row groups occupy same cells as the rows they contain</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="A row group occupies the same cells as the rows it contains." /> + <style type="text/css"> + #rowgroup + { + background: blue; + } + td + { + border: 1px solid black; + width: 2em; + height: 2em; + } + </style> + </head> + <body> + <p>Test passes if the two middle rows of the table are blue.</p> + <table> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + <tbody id="rowgroup"> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-006.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-006.xht new file mode 100644 index 0000000000..0977ee6239 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-006.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: Column boxes can occupy more than one column of cells</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="A column box can occupy more than one column of cells." /> + <style type="text/css"> + #cell + { + background: blue; + } + td + { + border: 1px solid black; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the two middle columns of the table below are blue.</p> + <table> + <col /> + <col id="cell" span="2" /> + <col /> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-007.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-007.xht new file mode 100644 index 0000000000..87fbd613ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-007.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: Column boxes are rendered by page source order</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="Column boxes are placed consecutively by their order in the page source." /> + <style type="text/css"> + .blue1 + { + background: navy; + } + .blue2 + { + background: blue; + } + .blue3 + { + background: aqua; + } + td + { + border: 1px solid black; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if from left-to-right, each square is a lighter blue than the previous one.</p> + <table> + <col class="blue1" /> + <col class="blue2" /> + <col class="blue3" /> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-008.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-008.xht new file mode 100644 index 0000000000..49632c1cf9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-008.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: Column boxes are rendered by source order ('rtl' table scenario)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="Column boxes are placed consecutively by their order in the page source, from right to left when 'direction' is set to 'rtl'." /> + <style type="text/css"> + table + { + direction: rtl; + } + .blue1 + { + background: aqua; + } + .blue2 + { + background: blue; + } + .blue3 + { + background: navy; + } + td + { + border: 1px solid black; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if from left-to-right, each square is a lighter blue than the previous one.</p> + <table> + <col class="blue1" /> + <col class="blue2" /> + <col class="blue3" /> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-009.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-009.xht new file mode 100644 index 0000000000..a699d1b026 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-009.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 Test: Column group boxes occupy same cells as the columns they contain</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="A column group box occupies the same cells as the columns it contains." /> + <style type="text/css"> + #black + { + background: blue; + } + td + { + border: 1px solid black; + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the middle two columns in the table are blue.</p> + <table> + <colgroup> + <col /> + </colgroup> + <colgroup id="black"> + <col /> + <col /> + </colgroup> + <colgroup> + <col /> + </colgroup> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-010.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-010.xht new file mode 100644 index 0000000000..d3f697d155 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-010.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: A row-spanning cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="A table cell can span several rows." /> + <style type="text/css"> + td + { + background: orange; + height: 100px; + width: 100px; + } + #cell + { + background: blue; + } + </style> + </head> + <body> + <p>Test passes if the blue box below spans the height of the three orange squares.</p> + <table> + <tr> + <td id="cell" rowspan="3"></td> + <td></td> + </tr> + <tr> + <td></td> + </tr> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-011.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-011.xht new file mode 100644 index 0000000000..85b817b000 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-011.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: A column-spanning cell</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="A cell can span several columns." /> + <style type="text/css"> + td + { + background: orange; + height: 100px; + width: 100px; + } + #cell + { + background: blue; + } + </style> + </head> + <body> + <p>Test passes if the blue box below spans the width of the three orange squares.</p> + <table> + <tr> + <td id="cell" colspan="3"> </td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-012.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-012.xht new file mode 100644 index 0000000000..d2cea58c02 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-012.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: Top row of a spanning cell is the row of its parent element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="The top row of a spanning cell's rectangle is in the row specified by the cell's parent." /> + <style type="text/css"> + td + { + background: orange; + height: 100px; + width: 100px; + } + #cell + { + background-color: blue; + } + </style> + </head> + <body> + <p>Test passes if the blue box below spans the height of the three orange squares.</p> + <table> + <tr> + <td></td> + <td id="cell" rowspan="3"></td> + </tr> + <tr> + <td></td> + </tr> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-013.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-013.xht new file mode 100644 index 0000000000..5b6ae14cb3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-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: A spanning cell must be as far to the left as possible in an 'ltr' table</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="The spanning cell's rectangle is as far to the left as possible, but to the right of all cells in the same row that were earlier in source (no overlapping)." /> + <style type="text/css"> + td + { + border: 1px solid black; + height: 100px; + width: 100px; + } + #cell + { + background: black; + } + .cell + { + background: blue; + } + </style> + </head> + <body> + <p>Test passes if the black square is to the right of both blue boxes on the page.</p> + <table> + <tr> + <td></td> + <td class="cell" rowspan="2"></td> + <td></td> + <td></td> + </tr> + <tr> + <td class="cell"></td> + <td id="cell" rowspan="2" colspan="2"></td> + </tr> + <tr> + <td></td> + </tr> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-014.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-014.xht new file mode 100644 index 0000000000..1adff91e8e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-014.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: A spanning cell's rectangle must be as far to the right as possible in an 'rtl' table</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="With 'rtl' tables, the spanning cell's rectangle is as far to the right as possible, but to the left of all cells in the same row that were earlier in source (no overlapping)." /> + <style type="text/css"> + table + { + direction: rtl; + } + td + { + border: 1px solid black; + height: 100px; + width: 100px; + } + #cell + { + background: black; + } + .cell + { + background: blue; + } + </style> + </head> + <body> + <p>Test passes if the black square is to the left of both blue boxes on the page.</p> + <table> + <tr> + <td></td> + <td class="cell" rowspan="2"></td> + <td></td> + <td></td> + </tr> + <tr> + <td class="cell"></td> + <td id="cell" rowspan="2" colspan="2"></td> + </tr> + <tr> + <td></td> + </tr> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-015.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-015.xht new file mode 100644 index 0000000000..80ee094871 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-015.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: A cell cannot extend beyond the last row box of a table</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="A cell box cannot extend beyond the last row box of a table." /> + <style type="text/css"> + table + { + border-collapse: collapse; + } + td + { + background: black; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <table> + <tr> + <td></td> + <td></td> + </tr> + <tr> + <td rowspan="3"></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-016.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-016.xht new file mode 100644 index 0000000000..7ebcb280a5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-016.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: A cell box cannot extend beyond the last row of a row group</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="A cell box cannot extend beyond the last row box of a row group." /> + <style type="text/css"> + td + { + border: 1px solid black; + height: 2em; + width: 2em; + } + #cell + { + background: blue; + } + </style> + </head> + <body> + <p>Test passes if only the square in the middle of the column below is blue.</p> + <table> + <tbody> + <tr> + <td></td> + </tr> + <tr> + <td id="cell" rowspan="2"></td> + </tr> + </tbody> + <tbody> + <tr> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-017.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-017.xht new file mode 100644 index 0000000000..25067cb683 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-017.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: Table row boxes exactly cover the table in the collapsing borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="In the collapsing border model, the table row boxes together exactly cover the table." /> + <style type="text/css"> + table + { + background: red; + border-collapse: collapse; + } + tr + { + background: white; + } + td + { + width: 2em; + height: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-018.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-018.xht new file mode 100644 index 0000000000..1fa28c1d87 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-018.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: Table column boxes exactly cover the table in the collapsing borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="In the collapsing border model, the table column boxes together exactly cover the table." /> + <style type="text/css"> + table + { + background: red; + border-collapse: collapse; + } + col + { + background: white; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <table> + <col /> + <col /> + <col /> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-019.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-019.xht new file mode 100644 index 0000000000..81de158301 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-019.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: There may be gaps between rows in the separated borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="flags" content="may" /> + <meta name="assert" content="In the separated border model, there may be gaps between rows." /> + <style type="text/css"> + table + { + background: blue; + border-collapse: separate; + border-spacing: 0 3px; + } + tr + { + background: black; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the box below has blue horizontal lines running through it (no vertical lines).</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-020.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-020.xht new file mode 100644 index 0000000000..b701f4be8a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-020.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: There may be gaps between columns in the separated borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="flags" content="may" /> + <meta name="assert" content="In the separated border model, there may be gaps between columns." /> + <style type="text/css"> + table + { + background: blue; + border-collapse: separate; + border-spacing: 3px 0; + } + col + { + background: black; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the box below has blue vertical lines running through it (no horizontal lines).</p> + <table> + <col /> + <col /> + <col /> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-021.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-021.xht new file mode 100644 index 0000000000..1c98b02a9c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-021.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: There may be gaps between row groups in the separated borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="flags" content="may" /> + <meta name="assert" content="In the separated border model, there may be gaps between row groups." /> + <style type="text/css"> + table + { + background: blue; + border-collapse: separate; + border-spacing: 0 3px; + } + tbody + { + background: black; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the box below has blue horizontal lines running through it (no vertical lines).</p> + <table> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + <tbody> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </tbody> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-022.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-022.xht new file mode 100644 index 0000000000..a98636702b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-022.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: There may be gaps between column groups in the separated borders model</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="flags" content="may" /> + <meta name="assert" content="In the separated borders model, there may be gaps between column groups." /> + <style type="text/css"> + table + { + background: blue; + border-collapse: separate; + border-spacing: 3px 0; + } + colgroup + { + background: black; + } + td + { + height: 2em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if the box below has blue vertical lines running through it (no horizontal lines).</p> + <table> + <colgroup> + <col /> + <col /> + <col /> + </colgroup> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-023.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-023.xht new file mode 100644 index 0000000000..c353567471 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-023.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: Positioning table cells can cause them not to be table cells anymore</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <meta name="assert" content="Positioning table cells can cause them not to be table cells anymore." /> + <style type="text/css"> + table + { + background: blue; + } + td + { + background: black; + height: 2em; + width: 2em; + } + #positioned + { + left: 200px; + position: absolute; + } + </style> + </head> + <body> + <p>Test passes if the middle square of the table below is blue, and there is a single black square to the right of the table.</p> + <table> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + <tr> + <td></td> + <td id="positioned"></td> + <td></td> + </tr> + <tr> + <td></td> + <td></td> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026a.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026a.xht new file mode 100644 index 0000000000..844adddc40 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026a.xht @@ -0,0 +1,71 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 column in border-collapse separate model must include cell padding</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="Boris Zbarsky" href="mailto:bzbarsky@MIT.EDU" /> + <link rel="bookmark" href="http://www.brunildo.org/test/TablesBM2_s.html" title="table cells width & box model (standards)" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0503.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Apr/0743.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" title="17.5 Visual layout of table contents" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="In the separated borders model, the edges of columns coincide with the border edges of cells. Therefore, a column width must include horizontal padding of cells." name="assert" /> + + <style type="text/css"><![CDATA[ + table#red-overlapped + { + border-collapse: separate; + border-spacing: 0px; + table-layout: fixed; + } + + col {width: 50px;} + + td + { + background-color: red; + height: 50px; + padding: 0px 50px 0px 0px; + } + + div#overlapping-green + { + background-color: green; + bottom: 100px; + height: 100px; + left: auto; + position: relative; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table id="red-overlapped"> + + <col></col><col></col> + + <tr> + <td></td><td></td> + </tr> + + <tr> + <td></td><td></td> + </tr> + + </table> + + <div id="overlapping-green"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026b.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026b.xht new file mode 100644 index 0000000000..6f92c8c33a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026b.xht @@ -0,0 +1,71 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 column in border-collapse separate model must include cell padding</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="Boris Zbarsky" href="mailto:bzbarsky@MIT.EDU" /> + <link rel="bookmark" href="http://www.brunildo.org/test/TablesBM2_s.html" title="table cells width & box model (standards)" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0503.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Apr/0743.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" title="17.5 Visual layout of table contents" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="In the separated borders model, the edges of columns coincide with the border edges of cells. Therefore, a column width must include horizontal padding of cells." name="assert" /> + + <style type="text/css"><![CDATA[ + table#red-overlapped + { + border-collapse: separate; + border-spacing: 0px; + table-layout: fixed; + } + + col {width: 50px;} + + td + { + background-color: red; + height: 50px; + padding: 0px 0px 0px 50px; + } + + div#overlapping-green + { + background-color: green; + bottom: 100px; + height: 100px; + left: auto; + position: relative; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table id="red-overlapped"> + + <col></col><col></col> + + <tr> + <td></td><td></td> + </tr> + + <tr> + <td></td><td></td> + </tr> + + </table> + + <div id="overlapping-green"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026c.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026c.xht new file mode 100644 index 0000000000..780ced0cfd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026c.xht @@ -0,0 +1,71 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 column in border-collapse separate model must include cell padding</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="Boris Zbarsky" href="mailto:bzbarsky@MIT.EDU" /> + <link rel="bookmark" href="http://www.brunildo.org/test/TablesBM2_s.html" title="table cells width & box model (standards)" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0503.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Apr/0743.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" title="17.5 Visual layout of table contents" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="In the separated borders model, the edges of columns coincide with the border edges of cells. Therefore, a column width must include horizontal padding of cells." name="assert" /> + + <style type="text/css"><![CDATA[ + table#red-overlapped + { + border-collapse: separate; + border-spacing: 0px; + table-layout: fixed; + } + + col {width: 50px;} + + td + { + background-color: red; + height: 50px; + padding: 0px 25px 0px 25px; + } + + div#overlapping-green + { + background-color: green; + bottom: 100px; + height: 100px; + left: auto; + position: relative; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table id="red-overlapped"> + + <col></col><col></col> + + <tr> + <td></td><td></td> + </tr> + + <tr> + <td></td><td></td> + </tr> + + </table> + + <div id="overlapping-green"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026d.xht b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026d.xht new file mode 100644 index 0000000000..d7f28131a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/table-visual-layout-026d.xht @@ -0,0 +1,71 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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 column in border-collapse separate model must include cell padding</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="Boris Zbarsky" href="mailto:bzbarsky@MIT.EDU" /> + <link rel="bookmark" href="http://www.brunildo.org/test/TablesBM2_s.html" title="table cells width & box model (standards)" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Oct/0503.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2011Apr/0743.html" title="[css21] Section 17.5.2.1 should be clarified" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" title="17.5 Visual layout of table contents" /> + <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> + + <meta content="In the separated borders model, the edges of columns coincide with the border edges of cells. Therefore, a column width must include horizontal padding of cells." name="assert" /> + + <style type="text/css"><![CDATA[ + table#red-overlapped + { + border-collapse: separate; + border-spacing: 0px; + table-layout: fixed; + } + + col {width: 50px;} + + td + { + background-color: red; + height: 50px; + padding: 0px 33px 0px 17px; + } + + div#overlapping-green + { + background-color: green; + bottom: 100px; + height: 100px; + left: auto; + position: relative; + width: 100px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <table id="red-overlapped"> + + <col></col><col></col> + + <tr> + <td></td><td></td> + </tr> + + <tr> + <td></td><td></td> + </tr> + + </table> + + <div id="overlapping-green"></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/tables-001.xht b/testing/web-platform/tests/css/CSS2/tables/tables-001.xht new file mode 100644 index 0000000000..3dbf405a9d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/tables-001.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: CSS Tables: Nested anonymous table objects and border-spacing</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/009.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="border-spacing is applied around anonymous table objects, but anonymous table objects only exist if the table has content."/> + <style type="text/css"> + + /* test */ + body * { display: table-cell; } /* turn any non-existent elements into table cells */ + .table { display: table; background: red; } + .row { display: table-row; } + /* reset all the other properties that might give us gaps */ + .table, .row { padding: 0; margin: 0; border: 0; border-spacing: 1em; } + + /* control */ + .table, .control { position: absolute; top: 4em; left: 2em; } + .control { display: block; height: 2em; width: 2em; background: green; } + + </style> + </head> + <body> + <p>Test passes if there is a green square below and no red.</p> + <div class="table"> + <div class="row"> + <div class="table"/> + <!-- nothing --> + </div> + </div> + <div class="control"/> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/tables-002.xht b/testing/web-platform/tests/css/CSS2/tables/tables-002.xht new file mode 100644 index 0000000000..1c5bf1a36a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/tables-002.xht @@ -0,0 +1,16 @@ +<!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 Tables: Empty Tables</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/010.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes" /> + <style type="text/css"> + .table { display: table; height: 5em; width: 5em; background: green; } + </style> + </head> + <body> + <p>There should be a green block under this paragraph.</p> + <span class="table"/> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/tables-003.xht b/testing/web-platform/tests/css/CSS2/tables/tables-003.xht new file mode 100644 index 0000000000..0b0beac0d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/tables-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: Table cell size with no line box content</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/014.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <style type="text/css"> + td { margin: 0; border: 1em green; border-style: solid none; width: 10em; } + div { height: 1em; background: yellow; } + </style> + </head> + <body> + <p>There should be two green bars below (with a yellow one in between).</p> + <table> + <tr> + <td> + <div></div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/tables-004.xht b/testing/web-platform/tests/css/CSS2/tables/tables-004.xht new file mode 100644 index 0000000000..6b790fedaa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/tables-004.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: Table cell size with line box content</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/015.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout" /> + <style type="text/css"> + td { margin: 0; border: 1em green; border-style: solid none; width: 10em; } + div { height: 1em; background: yellow; } + </style> + </head> + <body> + <p>There should be two green bars below (with a yellow one in between).</p> + <table> + <tr> + <td> + <div>TEST</div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/tables-101.xht b/testing/web-platform/tests/css/CSS2/tables/tables-101.xht new file mode 100644 index 0000000000..5e4070e6d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/tables-101.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" lang="en"> + <head> + <title>CSS Test: Table layout: checking dynamic percentage margin layouts match initial layouts</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/dynamic/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" /> + <meta name="flags" content="dom"/> + <style type="text/css"> + table { font-size: 4em; position: absolute; margin-top: 1em; } + td { border: solid; } + .control { color: red; } + .control div { margin-top: 10%; margin-left: 50%; } + .test { color: green; } + </style> + <script type="text/javascript"> + function test() { + var element = document.getElementById('test'); + element.offsetHeight; // Force initial layout + element.style.marginTop = "10%"; + element.style.marginLeft = "50%"; + } + </script> + </head> + <body onload="test();"> + <p>There should be no red below, only green boxes with snowflakes in them.</p> + <table class="control"> + <tr> + <td> + ❃ + </td> + <td> + <div>❄</div> + </td> + <td> + ❅ + </td> + </tr> + </table> + <table class="test"> + <tr> + <td> + ❃ + </td> + <td> + <div id="test">❄</div> + </td> + <td> + ❅ + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/tables/tables-102.xht b/testing/web-platform/tests/css/CSS2/tables/tables-102.xht new file mode 100644 index 0000000000..ad267c4500 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/tables/tables-102.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" lang="en"> + <head> + <title>CSS Test: Table layout: checking dynamic layouts match initial layouts</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/dynamic/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" /> + <meta name="flags" content="dom"/> + <style type="text/css"> + table { font-size: 4em; position: absolute; margin-top: 1em; } + td { border: solid; } + .control { color: red; } + .control div { margin-top: 50%; margin-left: -10%; } + .test { color: green; } + </style> + <script type="text/javascript"> + function test() { + var element = document.getElementById('test'); + element.style.marginTop = "50%"; + element.style.marginLeft = "-10%"; + } + </script> + </head> + <body onload="setTimeout(test, 0)"> + <p>There should be no red below, only green boxes with snowflakes in them.</p> + <table class="control"> + <tr> + <td> + ❃ + </td> + <td> + <div>❄</div> + </td> + <td> + ❅ + </td> + </tr> + </table> + <table class="test"> + <tr> + <td> + ❃ + </td> + <td> + <div id="test">❄</div> + </td> + <td> + ❅ + </td> + </tr> + </table> + </body> +</html> |
