diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/tables/border-conflict-style-011.xht')
-rw-r--r-- | testing/web-platform/tests/css/CSS2/tables/border-conflict-style-011.xht | 70 |
1 files changed, 70 insertions, 0 deletions
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 |