diff options
Diffstat (limited to 'layout/reftests/pixel-rounding/rounded-background-color-width-left-4.html')
-rw-r--r-- | layout/reftests/pixel-rounding/rounded-background-color-width-left-4.html | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-width-left-4.html b/layout/reftests/pixel-rounding/rounded-background-color-width-left-4.html new file mode 100644 index 000000000..7cba93c2b --- /dev/null +++ b/layout/reftests/pixel-rounding/rounded-background-color-width-left-4.html @@ -0,0 +1,74 @@ +<!DOCTYPE HTML> +<html> +<head> +<title>Pixel rounding testcase</title> +<style type="text/css"> + +html, body { margin: 0; border: none; padding: 0; } + +body > div { margin: 10px; height: 80px; position: relative; } + +body > div > div { + position: absolute; top: 0; left: -0.1px; height: 10px; width: 10.5px; +} + +body > div > div { background: green; } + +.tl { top: 20px; } +.tr { margin-top: 40px; } +.bl { left: 19.9px; } +.br { margin-left: 40px; } + +div.one > div.tl { border-top-left-radius: 1px; } +div.one > div.tr { border-top-right-radius: 1px; } +div.one > div.bl { border-bottom-left-radius: 1px; } +div.one > div.br { border-bottom-right-radius: 1px; } +div.four > div.tl { border-top-left-radius: 4px; } +div.four > div.tr { border-top-right-radius: 4px; } +div.four > div.bl { border-bottom-left-radius: 4px; } +div.four > div.br { border-bottom-right-radius: 4px; } + +</style> +</head> +<body> + +<div class="one"> +<div></div> +<div class="tl"></div> +<div class="tr"></div> +<div class="bl"></div> +<div class="br"></div> +<div class="tl tr"></div> +<div class="tl bl"></div> +<div class="tl br"></div> +<div class="tr bl"></div> +<div class="tr br"></div> +<div class="bl br"></div> +<div class="tl tr bl"></div> +<div class="tl tr br"></div> +<div class="tl bl br"></div> +<div class="tr bl br"></div> +<div class="tl tr bl br"></div> +</div> + +<div class="four"> +<div></div> +<div class="tl"></div> +<div class="tr"></div> +<div class="bl"></div> +<div class="br"></div> +<div class="tl tr"></div> +<div class="tl bl"></div> +<div class="tl br"></div> +<div class="tr bl"></div> +<div class="tr br"></div> +<div class="bl br"></div> +<div class="tl tr bl"></div> +<div class="tl tr br"></div> +<div class="tl bl br"></div> +<div class="tr bl br"></div> +<div class="tl tr bl br"></div> +</div> + +</body> +</html> |