diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-backgrounds/border-radius-sum-of-radii-002.htm')
| -rw-r--r-- | testing/web-platform/tests/css/css-backgrounds/border-radius-sum-of-radii-002.htm | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-backgrounds/border-radius-sum-of-radii-002.htm b/testing/web-platform/tests/css/css-backgrounds/border-radius-sum-of-radii-002.htm new file mode 100644 index 0000000000..74e30c4269 --- /dev/null +++ b/testing/web-platform/tests/css/css-backgrounds/border-radius-sum-of-radii-002.htm @@ -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: Different variations on the value of 'f'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#border-radius" /> + <meta name="assert" content="When the value of 'f' is less than 1, then all corner radii are reduced by multiplying them with 'f'." /> + <style type="text/css"> + div + { + border: 10px red solid; + width: 80px; + height: 80px; + } + #reference1 + { + border-radius: 50px 50px 30px 30px; + } + #test1 + { + margin-top: -100px; + border-color: black; + border-radius: 50px 50px 30px 30px; + } + #reference2 + { + border-radius: 0 100px 0 0; + } + #test2 + { + margin-top: -100px; + border-color: black; + border-radius: 30px 15000000px 30px 30px; + } + #reference3 + { + border-radius: 0; + } + #test3 + { + margin-top: -100px; + border-color: black; + border-radius: 30px -150px 30px 30px; + } + #reference4 + { + width: 1000px; + height: 500px; + border-radius: 0.1px 0.1px 0.1px 0.1px; + } + #test4 + { + width: 1000px; + height: 500px; + margin-top: -520px; + border-color: black; + border-radius: 0.1px 0.1px 0.1px 0.1px; + } + </style> + </head> + <body> + <p>Test passes if there are no more than two rectangles on the page and there is no red visible on the page.</p> + <table> + <tr> + <td> + <div id="reference1"></div> + <div id="test1"></div> + </td> + <td> + <div id="reference2"></div> + <div id="test2"></div> + </td> + <td> + <div id="reference3"></div> + <div id="test3"></div> + </td> + </tr> + </table> + <div id="reference4"></div> + <div id="test4"></div> + </body> +</html>
\ No newline at end of file |