diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /layout/reftests/pixel-rounding/rounded-background-color-left-width-4.html | |
parent | Initial commit. (diff) | |
download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/pixel-rounding/rounded-background-color-left-width-4.html')
-rw-r--r-- | layout/reftests/pixel-rounding/rounded-background-color-left-width-4.html | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/layout/reftests/pixel-rounding/rounded-background-color-left-width-4.html b/layout/reftests/pixel-rounding/rounded-background-color-left-width-4.html new file mode 100644 index 0000000000..083257d0fb --- /dev/null +++ b/layout/reftests/pixel-rounding/rounded-background-color-left-width-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.5px; height: 10px; width: 10.9px; +} + +body > div > div { background: green; } + +.tl { top: 20px; } +.tr { margin-top: 40px; } +.bl { left: 19.5px; } +.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> |