diff options
Diffstat (limited to 'layout/reftests/backgrounds/vector')
274 files changed, 9049 insertions, 0 deletions
diff --git a/layout/reftests/backgrounds/vector/diagonal-percentage-vector-background-ref.html b/layout/reftests/backgrounds/vector/diagonal-percentage-vector-background-ref.html new file mode 100644 index 000000000..48af46c0d --- /dev/null +++ b/layout/reftests/backgrounds/vector/diagonal-percentage-vector-background-ref.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>Scaled vector image without intrinsic dimensions as background, with rendering dependent on the diagonal</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +#outer +{ + width: 256px; height: 768px; + border: 1px solid black; +} +#inner +{ + width: 100px; height: 700px; + background-image: url(diagonal-scaled-fixed.svg); + background-repeat: no-repeat; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/diagonal-percentage-vector-background.html b/layout/reftests/backgrounds/vector/diagonal-percentage-vector-background.html new file mode 100644 index 000000000..74fbb8b51 --- /dev/null +++ b/layout/reftests/backgrounds/vector/diagonal-percentage-vector-background.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>Scaled vector image without intrinsic dimensions as background, with rendering dependent on the diagonal</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +#outer +{ + width: 256px; height: 768px; + border: 1px solid black; +} +#inner +{ + width: 100px; height: 700px; + background-image: url(diagonal-scaled.svg); + background-repeat: no-repeat; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/diagonal-scaled-fixed.svg b/layout/reftests/backgrounds/vector/diagonal-scaled-fixed.svg new file mode 100644 index 000000000..bf0dcfb59 --- /dev/null +++ b/layout/reftests/backgrounds/vector/diagonal-scaled-fixed.svg @@ -0,0 +1,10 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" width="100px" height="700px"> + <title>Vector image with intrinsic dimensions, reference for diagonal-scaled.svg</title> + <rect y="0" width="100px" height="350px" fill="lime"/> + <rect y="350px" width="100px" height="350px" fill="aqua"/> + <rect y="175px" width="50px" height="350px" fill="fuchsia"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/diagonal-scaled.svg b/layout/reftests/backgrounds/vector/diagonal-scaled.svg new file mode 100644 index 000000000..391a9abe8 --- /dev/null +++ b/layout/reftests/backgrounds/vector/diagonal-scaled.svg @@ -0,0 +1,21 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg"> + <title>Vector image without intrinsic dimensions with percentage stroke-width (proportional to the diagonal)</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> + <!-- + A percent stroke-width is resolved with respect to: + + d = sqrt(vh**2 + vw**2) / sqrt(2) + + where vh/vw are the image viewport width/height. Because this image has no + intrinsic dimensions or ratio, it expands to fill the entire background + positioning area, so its width is 100px and its height is 700px. For those + carefully-chosen dimensions, d = 500px, so 10% of that creates a 50px-wide + rectangle, vertically centered and horizontally left-aligned in the image. + --> + <line x1="25%" y1="25%" x2="25%" y2="75%" stroke="fuchsia" stroke-width="10%"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-no-dimensions.svg b/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-no-dimensions.svg new file mode 100644 index 000000000..e116d8f1f --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-no-dimensions.svg @@ -0,0 +1,10 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 8 0" + preserveAspectRatio="none"> + <title>Image with zero-width ratio, no dimensions</title> + <rect y="0" width="100%" height="100%" fill="lime"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-height.svg b/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-height.svg new file mode 100644 index 000000000..e691e3f91 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-height.svg @@ -0,0 +1,11 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="8px" + viewBox="0 0 8 0" + preserveAspectRatio="none"> + <title>Image with zero-height ratio, width</title> + <rect y="0" width="100%" height="100%" fill="lime"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-width.svg b/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-width.svg new file mode 100644 index 000000000..df3653167 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/intrinsic-ratio-zero-width.svg @@ -0,0 +1,11 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="8px" + viewBox="0 0 0 8" + preserveAspectRatio="none"> + <title>Image with zero-width ratio, width</title> + <rect y="0" width="100%" height="100%" fill="lime"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/empty/nonpercent-width-omitted-height-extreme-viewbox.svg b/layout/reftests/backgrounds/vector/empty/nonpercent-width-omitted-height-extreme-viewbox.svg new file mode 100644 index 000000000..052ed2ab3 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/nonpercent-width-omitted-height-extreme-viewbox.svg @@ -0,0 +1,11 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="8px" + viewBox="0 0 2147483647 1" + preserveAspectRatio="none"> + <title>Image with non-percent width, omitted height, extreme viewbox</title> + <rect y="0" width="100%" height="100%" fill="lime"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/empty/omitted-width-nonpercent-height-extreme-viewbox.svg b/layout/reftests/backgrounds/vector/empty/omitted-width-nonpercent-height-extreme-viewbox.svg new file mode 100644 index 000000000..9e9b0b431 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/omitted-width-nonpercent-height-extreme-viewbox.svg @@ -0,0 +1,11 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + height="8px" + viewBox="0 0 1 2147483647" + preserveAspectRatio="none"> + <title>Image with omitted width, non-percent height, extreme viewbox</title> + <rect y="0" width="100%" height="100%" fill="lime"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/empty/ref-tall-empty.html b/layout/reftests/backgrounds/vector/empty/ref-tall-empty.html new file mode 100644 index 000000000..37e411f08 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/ref-tall-empty.html @@ -0,0 +1,24 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, empty</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} + </style> +</head> +<body> +<div id="outer"></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/ref-tall-lime.html b/layout/reftests/backgrounds/vector/empty/ref-tall-lime.html new file mode 100644 index 000000000..d0f18bfcf --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/ref-tall-lime.html @@ -0,0 +1,28 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, lime fill</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background: lime; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/ref-wide-empty.html b/layout/reftests/backgrounds/vector/empty/ref-wide-empty.html new file mode 100644 index 000000000..16ad53315 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/ref-wide-empty.html @@ -0,0 +1,21 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, empty</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; + border: 1px solid black; +} + </style> +</head> +<body> +<div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/ref-wide-lime.html b/layout/reftests/backgrounds/vector/empty/ref-wide-lime.html new file mode 100644 index 000000000..7ae51768a --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/ref-wide-lime.html @@ -0,0 +1,28 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, empty</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background: lime; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/reftest-stylo.list b/layout/reftests/backgrounds/vector/empty/reftest-stylo.list new file mode 100644 index 000000000..a690d7e1e --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/reftest-stylo.list @@ -0,0 +1,27 @@ +# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing +== tall--contain--height.html tall--contain--height.html +== tall--contain--width.html tall--contain--width.html +== wide--contain--height.html wide--contain--height.html +== wide--contain--width.html wide--contain--width.html + +# These tests fail because of integer overflow; see bug 894555. +== tall--cover--height.html tall--cover--height.html +== tall--cover--width.html tall--cover--width.html +== wide--cover--height.html wide--cover--height.html +== wide--cover--width.html wide--cover--width.html + +== zero-height-ratio-contain.html zero-height-ratio-contain.html +== zero-height-ratio-cover.html zero-height-ratio-cover.html +== zero-height-ratio-auto-auto.html zero-height-ratio-auto-auto.html +== zero-height-ratio-auto-5px.html zero-height-ratio-auto-5px.html +== zero-height-ratio-5px-auto.html zero-height-ratio-5px-auto.html +== zero-width-ratio-contain.html zero-width-ratio-contain.html +== zero-width-ratio-cover.html zero-width-ratio-cover.html +== zero-width-ratio-auto-auto.html zero-width-ratio-auto-auto.html +== zero-width-ratio-auto-5px.html zero-width-ratio-auto-5px.html +== zero-width-ratio-5px-auto.html zero-width-ratio-5px-auto.html +== zero-ratio-no-dimensions-contain.html zero-ratio-no-dimensions-contain.html +== zero-ratio-no-dimensions-cover.html zero-ratio-no-dimensions-cover.html +== zero-ratio-no-dimensions-auto-5px.html zero-ratio-no-dimensions-auto-5px.html +== zero-ratio-no-dimensions-5px-auto.html zero-ratio-no-dimensions-5px-auto.html +== zero-ratio-no-dimensions-auto-auto.html zero-ratio-no-dimensions-auto-auto.html diff --git a/layout/reftests/backgrounds/vector/empty/reftest.list b/layout/reftests/backgrounds/vector/empty/reftest.list new file mode 100644 index 000000000..d83e5c1da --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/reftest.list @@ -0,0 +1,26 @@ +== tall--contain--height.html ref-tall-empty.html +== tall--contain--width.html ref-tall-empty.html +== wide--contain--height.html ref-wide-empty.html +== wide--contain--width.html ref-wide-empty.html + +# These tests fail because of integer overflow; see bug 894555. +fails == tall--cover--height.html ref-tall-lime.html +fails == tall--cover--width.html ref-tall-lime.html +fails == wide--cover--height.html ref-wide-lime.html +fails == wide--cover--width.html ref-wide-lime.html + +== zero-height-ratio-contain.html ref-tall-empty.html +== zero-height-ratio-cover.html ref-tall-empty.html +== zero-height-ratio-auto-auto.html ref-tall-empty.html +== zero-height-ratio-auto-5px.html ref-tall-empty.html +== zero-height-ratio-5px-auto.html ref-tall-empty.html +== zero-width-ratio-contain.html ref-tall-empty.html +== zero-width-ratio-cover.html ref-tall-empty.html +== zero-width-ratio-auto-auto.html ref-tall-empty.html +== zero-width-ratio-auto-5px.html ref-tall-empty.html +== zero-width-ratio-5px-auto.html ref-tall-empty.html +== zero-ratio-no-dimensions-contain.html ref-tall-empty.html +== zero-ratio-no-dimensions-cover.html ref-tall-empty.html +== zero-ratio-no-dimensions-auto-5px.html ref-tall-empty.html +== zero-ratio-no-dimensions-5px-auto.html ref-tall-empty.html +== zero-ratio-no-dimensions-auto-auto.html ref-tall-empty.html diff --git a/layout/reftests/backgrounds/vector/empty/tall--contain--height.html b/layout/reftests/backgrounds/vector/empty/tall--contain--height.html new file mode 100644 index 000000000..8c0d38a30 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/tall--contain--height.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for nonpercent-width-omitted-height-extreme-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-extreme-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/tall--contain--width.html b/layout/reftests/backgrounds/vector/empty/tall--contain--width.html new file mode 100644 index 000000000..2fe4ac8d8 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/tall--contain--width.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for omitted-width-nonpercent-height-extreme-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-extreme-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/tall--cover--height.html b/layout/reftests/backgrounds/vector/empty/tall--cover--height.html new file mode 100644 index 000000000..be40ed2e8 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/tall--cover--height.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for nonpercent-width-omitted-height-extreme-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-extreme-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/tall--cover--width.html b/layout/reftests/backgrounds/vector/empty/tall--cover--width.html new file mode 100644 index 000000000..e4fea72c9 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/tall--cover--width.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for omitted-width-nonpercent-height-extreme-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-extreme-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/wide--contain--height.html b/layout/reftests/backgrounds/vector/empty/wide--contain--height.html new file mode 100644 index 000000000..e81082f10 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/wide--contain--height.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for nonpercent-width-omitted-height-extreme-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-extreme-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/wide--contain--width.html b/layout/reftests/backgrounds/vector/empty/wide--contain--width.html new file mode 100644 index 000000000..2b88a018c --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/wide--contain--width.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for omitted-width-nonpercent-height-extreme-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-extreme-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/wide--cover--height.html b/layout/reftests/backgrounds/vector/empty/wide--cover--height.html new file mode 100644 index 000000000..7b6c323e4 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/wide--cover--height.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for nonpercent-width-omitted-height-extreme-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-extreme-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/wide--cover--width.html b/layout/reftests/backgrounds/vector/empty/wide--cover--width.html new file mode 100644 index 000000000..beb516db3 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/wide--cover--width.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for omitted-width-nonpercent-height-extreme-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-extreme-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-height-ratio-5px-auto.html b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-5px-auto.html new file mode 100644 index 000000000..059a075fd --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-5px-auto.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero height ratio, 5px auto</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-zero-height.svg); + background-repeat: no-repeat; + background-size: 5px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-5px.html b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-5px.html new file mode 100644 index 000000000..99a0b070c --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-5px.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero height ratio, auto 5px</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-zero-height.svg); + background-repeat: no-repeat; + background-size: auto 5px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-auto.html b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-auto.html new file mode 100644 index 000000000..82d34bfee --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-auto-auto.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero height ratio, auto auto</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-zero-height.svg); + background-repeat: no-repeat; + background-size: auto auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-height-ratio-contain.html b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-contain.html new file mode 100644 index 000000000..caf6c57d6 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-contain.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero height ratio, contain</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-zero-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-height-ratio-cover.html b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-cover.html new file mode 100644 index 000000000..a34dd6164 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-height-ratio-cover.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero height ratio, cover</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-zero-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-5px-auto.html b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-5px-auto.html new file mode 100644 index 000000000..2581e299b --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-5px-auto.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero ratio, no dimensions, 5px auto</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-no-dimensions.svg); + background-repeat: no-repeat; + background-size: 5px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-5px.html b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-5px.html new file mode 100644 index 000000000..4198c9d06 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-5px.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero ratio, no dimensions, auto 5px</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-no-dimensions.svg); + background-repeat: no-repeat; + background-size: auto 5px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-auto.html b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-auto.html new file mode 100644 index 000000000..85c20fd1e --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-auto-auto.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero ratio, no dimensions, auto auto</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-no-dimensions.svg); + background-repeat: no-repeat; + background-size: auto auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-contain.html b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-contain.html new file mode 100644 index 000000000..fa62a2531 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-contain.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero ratio, no dimensions, contain</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-no-dimensions.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-cover.html b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-cover.html new file mode 100644 index 000000000..771269e2c --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-ratio-no-dimensions-cover.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero ratio, no dimensions, cover</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-no-dimensions.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-width-ratio-5px-auto.html b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-5px-auto.html new file mode 100644 index 000000000..675e75b39 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-5px-auto.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero height ratio, 5px auto</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-zero-width.svg); + background-repeat: no-repeat; + background-size: 5px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-5px.html b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-5px.html new file mode 100644 index 000000000..c16d11df7 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-5px.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero height ratio, auto 5px</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-zero-width.svg); + background-repeat: no-repeat; + background-size: auto 5px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-auto.html b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-auto.html new file mode 100644 index 000000000..78a7327ab --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-auto-auto.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero width ratio, auto auto</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-zero-width.svg); + background-repeat: no-repeat; + background-size: auto auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-width-ratio-contain.html b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-contain.html new file mode 100644 index 000000000..560498377 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-contain.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero width ratio, contain</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-zero-width.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/empty/zero-width-ratio-cover.html b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-cover.html new file mode 100644 index 000000000..a1e6c52f4 --- /dev/null +++ b/layout/reftests/backgrounds/vector/empty/zero-width-ratio-cover.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>zero width ratio, cover</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(intrinsic-ratio-zero-width.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/no-aspect-ratio-normal.html b/layout/reftests/backgrounds/vector/no-aspect-ratio-normal.html new file mode 100644 index 000000000..72140a91a --- /dev/null +++ b/layout/reftests/backgrounds/vector/no-aspect-ratio-normal.html @@ -0,0 +1,28 @@ +<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+ <title>32px background positioning area size; 32px 32px background-size; for omitted-width-omitted-height-viewbox-no-preserve.svg</title>
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+ <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+ <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+ <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+ <meta name="flags" content="svg" />
+ <style type="text/css">
+#inner
+{
+ width: 32px;
+ height: 32px;
+ background-image: url(omitted-width-omitted-height-viewbox-no-preserve.svg);
+ background-repeat: no-repeat;
+ background-size: 32px 32px;
+}
+ </style>
+</head>
+<body>
+<div id="inner"></div>
+</body>
+</html>
\ No newline at end of file diff --git a/layout/reftests/backgrounds/vector/no-aspect-ratio-wide.html b/layout/reftests/backgrounds/vector/no-aspect-ratio-wide.html new file mode 100644 index 000000000..fd110f617 --- /dev/null +++ b/layout/reftests/backgrounds/vector/no-aspect-ratio-wide.html @@ -0,0 +1,28 @@ +<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+ <title>wide background positioning area size; 32px 32px 32px 32px background-size; for omitted-width-omitted-height-viewbox-no-preserve.svg</title>
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
+ <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" />
+ <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" />
+ <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" />
+ <meta name="flags" content="svg" />
+ <style type="text/css">
+#inner
+{
+ width: 640px;
+ height: 32px;
+ background-image: url(omitted-width-omitted-height-viewbox-no-preserve.svg);
+ background-repeat: no-repeat;
+ background-size: 32px 32px;
+}
+ </style>
+</head>
+<body>
+<div id="inner"></div>
+</body>
+</html>
\ No newline at end of file diff --git a/layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height-viewbox.svg b/layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height-viewbox.svg new file mode 100644 index 000000000..9014ad5bf --- /dev/null +++ b/layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height-viewbox.svg @@ -0,0 +1,12 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="8px" height="32px" + viewBox="0 0 4 64" + preserveAspectRatio="none"> + <title>Image with non-percent width, non-percent height, viewbox</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height.svg b/layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height.svg new file mode 100644 index 000000000..60f9e724e --- /dev/null +++ b/layout/reftests/backgrounds/vector/nonpercent-width-nonpercent-height.svg @@ -0,0 +1,10 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="8px" height="32px"> + <title>Image with non-percentage dimensions</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/nonpercent-width-omitted-height-viewbox.svg b/layout/reftests/backgrounds/vector/nonpercent-width-omitted-height-viewbox.svg new file mode 100644 index 000000000..8c794b613 --- /dev/null +++ b/layout/reftests/backgrounds/vector/nonpercent-width-omitted-height-viewbox.svg @@ -0,0 +1,12 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="8px" + viewBox="0 0 4 64" + preserveAspectRatio="none"> + <title>Image with non-percent width, omitted height, viewbox</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/nonpercent-width-omitted-height.svg b/layout/reftests/backgrounds/vector/nonpercent-width-omitted-height.svg new file mode 100644 index 000000000..b506e625d --- /dev/null +++ b/layout/reftests/backgrounds/vector/nonpercent-width-omitted-height.svg @@ -0,0 +1,10 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="8px"> + <title>Image with non-percent width, omitted height</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/nonpercent-width-percent-height-viewbox.svg b/layout/reftests/backgrounds/vector/nonpercent-width-percent-height-viewbox.svg new file mode 100644 index 000000000..3a114ccc5 --- /dev/null +++ b/layout/reftests/backgrounds/vector/nonpercent-width-percent-height-viewbox.svg @@ -0,0 +1,12 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="8px" height="50%" + viewBox="0 0 4 64" + preserveAspectRatio="none"> + <title>Image with non-percent width, percent height, viewbox</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/nonpercent-width-percent-height.svg b/layout/reftests/backgrounds/vector/nonpercent-width-percent-height.svg new file mode 100644 index 000000000..398291e3b --- /dev/null +++ b/layout/reftests/backgrounds/vector/nonpercent-width-percent-height.svg @@ -0,0 +1,10 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="8px" height="50%"> + <title>Image with non-percent width, percent height</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/omitted-width-nonpercent-height-viewbox.svg b/layout/reftests/backgrounds/vector/omitted-width-nonpercent-height-viewbox.svg new file mode 100644 index 000000000..ebf4d94ec --- /dev/null +++ b/layout/reftests/backgrounds/vector/omitted-width-nonpercent-height-viewbox.svg @@ -0,0 +1,12 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + height="32px" + viewBox="0 0 4 64" + preserveAspectRatio="none"> + <title>Image with omitted width, non-percent height, viewbox</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/omitted-width-nonpercent-height.svg b/layout/reftests/backgrounds/vector/omitted-width-nonpercent-height.svg new file mode 100644 index 000000000..b6985ad01 --- /dev/null +++ b/layout/reftests/backgrounds/vector/omitted-width-nonpercent-height.svg @@ -0,0 +1,10 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + height="32px"> + <title>Image with omitted width, non-percent height</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox-no-preserve.svg b/layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox-no-preserve.svg new file mode 100644 index 000000000..9acae51aa --- /dev/null +++ b/layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox-no-preserve.svg @@ -0,0 +1,10 @@ +<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 64 64">
+ <title>Image with omitted width, omitted height, viewbox, don't preserve aspect ratio</title>
+ <rect y="0" width="100%" height="50%" fill="lime"/>
+ <rect y="50%" width="100%" height="50%" fill="aqua"/>
+</svg>
diff --git a/layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox.svg b/layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox.svg new file mode 100644 index 000000000..bcea95cdc --- /dev/null +++ b/layout/reftests/backgrounds/vector/omitted-width-omitted-height-viewbox.svg @@ -0,0 +1,11 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 4 64" + preserveAspectRatio="none"> + <title>Image with omitted width, omitted height, viewbox</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/omitted-width-omitted-height.svg b/layout/reftests/backgrounds/vector/omitted-width-omitted-height.svg new file mode 100644 index 000000000..d08621387 --- /dev/null +++ b/layout/reftests/backgrounds/vector/omitted-width-omitted-height.svg @@ -0,0 +1,9 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg"> + <title>Image with omitted width, omitted height</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/omitted-width-percent-height-viewbox.svg b/layout/reftests/backgrounds/vector/omitted-width-percent-height-viewbox.svg new file mode 100644 index 000000000..265c26a9a --- /dev/null +++ b/layout/reftests/backgrounds/vector/omitted-width-percent-height-viewbox.svg @@ -0,0 +1,12 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + height="50%" + viewBox="0 0 4 64" + preserveAspectRatio="none"> + <title>Image with omitted width, percent height, viewbox</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/omitted-width-percent-height.svg b/layout/reftests/backgrounds/vector/omitted-width-percent-height.svg new file mode 100644 index 000000000..b44560175 --- /dev/null +++ b/layout/reftests/backgrounds/vector/omitted-width-percent-height.svg @@ -0,0 +1,10 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + height="50%"> + <title>Image with omitted width, percent height</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/percent-width-nonpercent-height-viewbox.svg b/layout/reftests/backgrounds/vector/percent-width-nonpercent-height-viewbox.svg new file mode 100644 index 000000000..645c4c024 --- /dev/null +++ b/layout/reftests/backgrounds/vector/percent-width-nonpercent-height-viewbox.svg @@ -0,0 +1,12 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="50%" height="32px" + viewBox="0 0 4 64" + preserveAspectRatio="none"> + <title>Image with percent width, non-percent height, viewbox</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/percent-width-nonpercent-height.svg b/layout/reftests/backgrounds/vector/percent-width-nonpercent-height.svg new file mode 100644 index 000000000..e73311501 --- /dev/null +++ b/layout/reftests/backgrounds/vector/percent-width-nonpercent-height.svg @@ -0,0 +1,10 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="50%" height="32px"> + <title>Image with percent width, non-percent height</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/percent-width-omitted-height-viewbox.svg b/layout/reftests/backgrounds/vector/percent-width-omitted-height-viewbox.svg new file mode 100644 index 000000000..ef0a46767 --- /dev/null +++ b/layout/reftests/backgrounds/vector/percent-width-omitted-height-viewbox.svg @@ -0,0 +1,12 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="50%" + viewBox="0 0 4 64" + preserveAspectRatio="none"> + <title>Image with percent width, omitted height, viewbox</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/percent-width-omitted-height.svg b/layout/reftests/backgrounds/vector/percent-width-omitted-height.svg new file mode 100644 index 000000000..76e9cef3c --- /dev/null +++ b/layout/reftests/backgrounds/vector/percent-width-omitted-height.svg @@ -0,0 +1,10 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="50%"> + <title>Image with percent width, omitted height</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/percent-width-percent-height-viewbox.svg b/layout/reftests/backgrounds/vector/percent-width-percent-height-viewbox.svg new file mode 100644 index 000000000..be23fe2d2 --- /dev/null +++ b/layout/reftests/backgrounds/vector/percent-width-percent-height-viewbox.svg @@ -0,0 +1,12 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="25%" height="50%" + viewBox="0 0 4 64" + preserveAspectRatio="none"> + <title>Image with percent width, percent height, viewbox</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/percent-width-percent-height.svg b/layout/reftests/backgrounds/vector/percent-width-percent-height.svg new file mode 100644 index 000000000..db197fb30 --- /dev/null +++ b/layout/reftests/backgrounds/vector/percent-width-percent-height.svg @@ -0,0 +1,10 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<svg xmlns="http://www.w3.org/2000/svg" + width="25%" height="50%"> + <title>Image with percent width, percent height</title> + <rect y="0" width="100%" height="50%" fill="lime"/> + <rect y="50%" width="100%" height="50%" fill="aqua"/> +</svg> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime192x384-aqua192x384.html b/layout/reftests/backgrounds/vector/ref-tall-lime192x384-aqua192x384.html new file mode 100644 index 000000000..c6e0f556a --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime192x384-aqua192x384.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 192x384 lime, 192x384 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 192px; height: 768px; +} +#inner > div { width: 192px; height: 384px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime256x16-aqua256x16.html b/layout/reftests/backgrounds/vector/ref-tall-lime256x16-aqua256x16.html new file mode 100644 index 000000000..8e31125cc --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime256x16-aqua256x16.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 256x16 lime, 256x16 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 256px; height: 32px; +} +#inner > div { width: 256px; height: 16px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime256x384-aqua256x384.html b/layout/reftests/backgrounds/vector/ref-tall-lime256x384-aqua256x384.html new file mode 100644 index 000000000..106086035 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime256x384-aqua256x384.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 256x384 lime, 256x384 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 256px; height: 768px; +} +#inner > div { width: 256px; height: 384px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime256x512-aqua256x256.html b/layout/reftests/backgrounds/vector/ref-tall-lime256x512-aqua256x256.html new file mode 100644 index 000000000..9b67682cd --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime256x512-aqua256x256.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 256x512 lime, 256x256 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 256px; height: 768px; +} +#inner > div { width: 256px; } +#top { background-color: lime; height: 512px; } +#bottom { background-color: aqua; height: 256px; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime256x768.html b/layout/reftests/backgrounds/vector/ref-tall-lime256x768.html new file mode 100644 index 000000000..792c7d7c0 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime256x768.html @@ -0,0 +1,22 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 256x512 lime, 256x256 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +#outer +{ + width: 256px; height: 768px; + background-color: lime; + border: 1px solid black; +} + </style> +</head> +<body> +<div id="outer"></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime2x16-aqua2x16.html b/layout/reftests/backgrounds/vector/ref-tall-lime2x16-aqua2x16.html new file mode 100644 index 000000000..d95edcda4 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime2x16-aqua2x16.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 2x16 lime, 2x16 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 2px; height: 32px; +} +#inner > div { width: 2px; height: 16px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime32x128-aqua32x128.html b/layout/reftests/backgrounds/vector/ref-tall-lime32x128-aqua32x128.html new file mode 100644 index 000000000..dbd1e1bfd --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime32x128-aqua32x128.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 32x128 lime, 32x128 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 32px; height: 256px; +} +#inner > div { width: 32px; height: 128px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime32x16-aqua32x16.html b/layout/reftests/backgrounds/vector/ref-tall-lime32x16-aqua32x16.html new file mode 100644 index 000000000..00316e074 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime32x16-aqua32x16.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 32x16 lime, 32x16 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 32px; height: 32px; +} +#inner > div { width: 32px; height: 16px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime32x256-aqua32x256.html b/layout/reftests/backgrounds/vector/ref-tall-lime32x256-aqua32x256.html new file mode 100644 index 000000000..c4d9ab0cf --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime32x256-aqua32x256.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 32x256 lime, 32x256 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 32px; height: 512px; +} +#inner > div { width: 32px; height: 256px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime32x384-aqua32x384.html b/layout/reftests/backgrounds/vector/ref-tall-lime32x384-aqua32x384.html new file mode 100644 index 000000000..aa78e40a7 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime32x384-aqua32x384.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 32x384 lime, 32x384 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 32px; height: 768px; +} +#inner > div { width: 32px; height: 384px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime32x64-aqua32x64.html b/layout/reftests/backgrounds/vector/ref-tall-lime32x64-aqua32x64.html new file mode 100644 index 000000000..f7ffadb7b --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime32x64-aqua32x64.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 32x64 lime, 32x64 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 32px; height: 128px; +} +#inner > div { width: 32px; height: 64px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime48x384-aqua48x384.html b/layout/reftests/backgrounds/vector/ref-tall-lime48x384-aqua48x384.html new file mode 100644 index 000000000..2153798ff --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime48x384-aqua48x384.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 48x384 lime, 48x384 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 48px; height: 768px; +} +#inner > div { width: 48px; height: 384px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime4x16-aqua4x16.html b/layout/reftests/backgrounds/vector/ref-tall-lime4x16-aqua4x16.html new file mode 100644 index 000000000..fc9b39883 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime4x16-aqua4x16.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 4x16 lime, 4x16 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 4px; height: 32px; +} +#inner > div { width: 4px; height: 16px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime8x16-aqua8x16.html b/layout/reftests/backgrounds/vector/ref-tall-lime8x16-aqua8x16.html new file mode 100644 index 000000000..2275861a0 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime8x16-aqua8x16.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 8x16 lime, 8x16 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 8px; height: 32px; +} +#inner > div { width: 8px; height: 16px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime8x32-aqua8x32.html b/layout/reftests/backgrounds/vector/ref-tall-lime8x32-aqua8x32.html new file mode 100644 index 000000000..804a16dd2 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime8x32-aqua8x32.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 8x32 lime, 8x32 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 8px; height: 64px; +} +#inner > div { width: 8px; height: 32px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime8x384-aqua8x384.html b/layout/reftests/backgrounds/vector/ref-tall-lime8x384-aqua8x384.html new file mode 100644 index 000000000..c9ce995ff --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime8x384-aqua8x384.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 8x384 lime, 8x384 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 8px; height: 768px; +} +#inner > div { width: 8px; height: 384px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-tall-lime8x64-aqua8x64.html b/layout/reftests/backgrounds/vector/ref-tall-lime8x64-aqua8x64.html new file mode 100644 index 000000000..8c80b0d43 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-tall-lime8x64-aqua8x64.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall reference, 8x64 lime, 8x64 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 8px; height: 128px; +} +#inner > div { width: 8px; height: 64px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime12x128-aqua12x128.html b/layout/reftests/backgrounds/vector/ref-wide-lime12x128-aqua12x128.html new file mode 100644 index 000000000..dbb2549ee --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-wide-lime12x128-aqua12x128.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, 12x128 lime, 12x128 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 12px; height: 256px; +} +#inner > div { width: 12px; height: 128px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime12x16-aqua12x16.html b/layout/reftests/backgrounds/vector/ref-wide-lime12x16-aqua12x16.html new file mode 100644 index 000000000..3ac4d56ea --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-wide-lime12x16-aqua12x16.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, 12x16 lime, 12x16 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 12px; height: 32px; +} +#inner > div { width: 12px; height: 16px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime12x24-aqua12x24.html b/layout/reftests/backgrounds/vector/ref-wide-lime12x24-aqua12x24.html new file mode 100644 index 000000000..72fd8a263 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-wide-lime12x24-aqua12x24.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, 12x24 lime, 12x24 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 12px; height: 48px; +} +#inner > div { width: 12px; height: 24px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime12x96-aqua12x96.html b/layout/reftests/backgrounds/vector/ref-wide-lime12x96-aqua12x96.html new file mode 100644 index 000000000..f7640c61d --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-wide-lime12x96-aqua12x96.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, 12x96 lime, 12x96 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 12px; height: 192px; +} +#inner > div { width: 12px; height: 96px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime16x128-aqua16x128.html b/layout/reftests/backgrounds/vector/ref-wide-lime16x128-aqua16x128.html new file mode 100644 index 000000000..d19a76d10 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-wide-lime16x128-aqua16x128.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, 16x128 lime, 16x128 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 16px; height: 256px; +} +#inner > div { width: 16px; height: 128px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime2x16-aqua2x16.html b/layout/reftests/backgrounds/vector/ref-wide-lime2x16-aqua2x16.html new file mode 100644 index 000000000..7db5654de --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-wide-lime2x16-aqua2x16.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, 2x16 lime, 2x16 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 2px; height: 32px; +} +#inner > div { width: 2px; height: 16px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime64x128-aqua64x128.html b/layout/reftests/backgrounds/vector/ref-wide-lime64x128-aqua64x128.html new file mode 100644 index 000000000..9bfd66385 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-wide-lime64x128-aqua64x128.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, 64x128 lime, 64x128 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 64px; height: 256px; +} +#inner > div { width: 64px; height: 128px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime768x128-aqua768x128.html b/layout/reftests/backgrounds/vector/ref-wide-lime768x128-aqua768x128.html new file mode 100644 index 000000000..68de63ce7 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-wide-lime768x128-aqua768x128.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, 768x128 lime, 768x128 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 768px; height: 256px; +} +#inner > div { width: 768px; height: 128px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime768x16-aqua768x16.html b/layout/reftests/backgrounds/vector/ref-wide-lime768x16-aqua768x16.html new file mode 100644 index 000000000..ed521f5ba --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-wide-lime768x16-aqua768x16.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, 768x16 lime, 768x16 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 768px; height: 32px; +} +#inner > div { width: 768px; height: 16px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime768x256.html b/layout/reftests/backgrounds/vector/ref-wide-lime768x256.html new file mode 100644 index 000000000..137d4f2cd --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-wide-lime768x256.html @@ -0,0 +1,29 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, 768x256 lime</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 768px; height: 256px; + background-color: lime; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime8x128-aqua8x128.html b/layout/reftests/backgrounds/vector/ref-wide-lime8x128-aqua8x128.html new file mode 100644 index 000000000..7328e5b12 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-wide-lime8x128-aqua8x128.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, 8x128 lime, 8x128 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 8px; height: 256px; +} +#inner > div { width: 8px; height: 128px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime8x16-aqua8x16.html b/layout/reftests/backgrounds/vector/ref-wide-lime8x16-aqua8x16.html new file mode 100644 index 000000000..ee8489564 --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-wide-lime8x16-aqua8x16.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, 8x16 lime, 8x16 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 8px; height: 32px; +} +#inner > div { width: 8px; height: 16px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/ref-wide-lime8x64-aqua8x64.html b/layout/reftests/backgrounds/vector/ref-wide-lime8x64-aqua8x64.html new file mode 100644 index 000000000..069617c2b --- /dev/null +++ b/layout/reftests/backgrounds/vector/ref-wide-lime8x64-aqua8x64.html @@ -0,0 +1,31 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide reference, 8x64 lime, 8x64 aqua</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + width: 8px; height: 128px; +} +#inner > div { width: 8px; height: 64px; } +#top { background-color: lime; } +#bottom { background-color: aqua; } + </style> +</head> +<body> +<div id="outer"><div id="inner"><div id="top"></div><div id="bottom"></div></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/reftest-stylo.list b/layout/reftests/backgrounds/vector/reftest-stylo.list new file mode 100644 index 000000000..977ef718b --- /dev/null +++ b/layout/reftests/backgrounds/vector/reftest-stylo.list @@ -0,0 +1,256 @@ +# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing +include empty/reftest-stylo.list + +################################################################################ +# For reference (although the wide--32px-auto* tests/names were changed to +# avoid viewBox-directed scaling to make the scaled height less than the wide- +# tests height): +# +# for ORIENTATION in tall wide; do for SIZE in 32px-auto auto-32px auto contain cover; do for VIMAGE in *.svg; do cat template.html | sed -e "s/SIZE/$(echo $SIZE | sed -e 's/-/ /')/g" | sed -e "s/VIMAGE/$VIMAGE/g" | sed -e "s/TALLWIDE/$ORIENTATION/g" | sed -e "s/ORIENTATION/$(if [ "$ORIENTATION" = "tall" ]; then echo 'width: 256px; height: 768px'; else echo 'width: 768px; height: 256px'; fi)/g" > $ORIENTATION--$SIZE--$(echo $VIMAGE | sed -e 's/.svg//').html; echo "== $ORIENTATION--$SIZE--$(echo $VIMAGE | sed -e 's/.svg//').html ###" >> reftest-stylo.list; done; echo >> reftest-stylo.list; done; done; +# +################################################################################ + +== tall--32px-auto--nonpercent-width-nonpercent-height.html tall--32px-auto--nonpercent-width-nonpercent-height.html +== tall--32px-auto--nonpercent-width-nonpercent-height-viewbox.html tall--32px-auto--nonpercent-width-nonpercent-height-viewbox.html +== tall--32px-auto--nonpercent-width-omitted-height.html tall--32px-auto--nonpercent-width-omitted-height.html +skip-if(B2G||Mulet) == tall--32px-auto--nonpercent-width-omitted-height-viewbox.html tall--32px-auto--nonpercent-width-omitted-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +skip-if(B2G||Mulet) == tall--32px-auto--nonpercent-width-percent-height.html tall--32px-auto--nonpercent-width-percent-height.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== tall--32px-auto--nonpercent-width-percent-height-viewbox.html tall--32px-auto--nonpercent-width-percent-height-viewbox.html +skip-if(B2G||Mulet) == tall--32px-auto--omitted-width-nonpercent-height.html tall--32px-auto--omitted-width-nonpercent-height.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== tall--32px-auto--omitted-width-nonpercent-height-viewbox.html tall--32px-auto--omitted-width-nonpercent-height-viewbox.html +== tall--32px-auto--omitted-width-omitted-height.html tall--32px-auto--omitted-width-omitted-height.html +== tall--32px-auto--omitted-width-omitted-height-viewbox.html tall--32px-auto--omitted-width-omitted-height-viewbox.html +skip-if(B2G||Mulet) == tall--32px-auto--omitted-width-percent-height.html tall--32px-auto--omitted-width-percent-height.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +skip-if(B2G||Mulet) == tall--32px-auto--omitted-width-percent-height-viewbox.html tall--32px-auto--omitted-width-percent-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== tall--32px-auto--percent-width-nonpercent-height.html tall--32px-auto--percent-width-nonpercent-height.html +== tall--32px-auto--percent-width-nonpercent-height-viewbox.html tall--32px-auto--percent-width-nonpercent-height-viewbox.html +== tall--32px-auto--percent-width-omitted-height.html tall--32px-auto--percent-width-omitted-height.html +skip-if(B2G||Mulet) == tall--32px-auto--percent-width-omitted-height-viewbox.html tall--32px-auto--percent-width-omitted-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== tall--32px-auto--percent-width-percent-height.html tall--32px-auto--percent-width-percent-height.html +skip-if(B2G||Mulet) == tall--32px-auto--percent-width-percent-height-viewbox.html tall--32px-auto--percent-width-percent-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop + +== tall--auto-32px--nonpercent-width-nonpercent-height.html tall--auto-32px--nonpercent-width-nonpercent-height.html +== tall--auto-32px--nonpercent-width-nonpercent-height-viewbox.html tall--auto-32px--nonpercent-width-nonpercent-height-viewbox.html +skip-if(B2G||Mulet) == tall--auto-32px--nonpercent-width-omitted-height.html tall--auto-32px--nonpercent-width-omitted-height.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== tall--auto-32px--nonpercent-width-omitted-height-viewbox.html tall--auto-32px--nonpercent-width-omitted-height-viewbox.html +skip-if(B2G||Mulet) == tall--auto-32px--nonpercent-width-percent-height.html tall--auto-32px--nonpercent-width-percent-height.html +# Initial mulet triage: parity with B2G/B2G Desktop +== tall--auto-32px--nonpercent-width-percent-height-viewbox.html tall--auto-32px--nonpercent-width-percent-height-viewbox.html +== tall--auto-32px--omitted-width-nonpercent-height.html tall--auto-32px--omitted-width-nonpercent-height.html +== tall--auto-32px--omitted-width-nonpercent-height-viewbox.html tall--auto-32px--omitted-width-nonpercent-height-viewbox.html +== tall--auto-32px--omitted-width-omitted-height.html tall--auto-32px--omitted-width-omitted-height.html +== tall--auto-32px--omitted-width-omitted-height-viewbox.html tall--auto-32px--omitted-width-omitted-height-viewbox.html +== tall--auto-32px--omitted-width-percent-height.html tall--auto-32px--omitted-width-percent-height.html +== tall--auto-32px--omitted-width-percent-height-viewbox.html tall--auto-32px--omitted-width-percent-height-viewbox.html +== tall--auto-32px--percent-width-nonpercent-height.html tall--auto-32px--percent-width-nonpercent-height.html +== tall--auto-32px--percent-width-nonpercent-height-viewbox.html tall--auto-32px--percent-width-nonpercent-height-viewbox.html +== tall--auto-32px--percent-width-omitted-height.html tall--auto-32px--percent-width-omitted-height.html +== tall--auto-32px--percent-width-omitted-height-viewbox.html tall--auto-32px--percent-width-omitted-height-viewbox.html +== tall--auto-32px--percent-width-percent-height.html tall--auto-32px--percent-width-percent-height.html +== tall--auto-32px--percent-width-percent-height-viewbox.html tall--auto-32px--percent-width-percent-height-viewbox.html + +skip-if(B2G||Mulet) == tall--auto--nonpercent-width-nonpercent-height.html tall--auto--nonpercent-width-nonpercent-height.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== tall--auto--nonpercent-width-nonpercent-height-viewbox.html tall--auto--nonpercent-width-nonpercent-height-viewbox.html +== tall--auto--nonpercent-width-omitted-height.html tall--auto--nonpercent-width-omitted-height.html +== tall--auto--nonpercent-width-omitted-height-viewbox.html tall--auto--nonpercent-width-omitted-height-viewbox.html +== tall--auto--nonpercent-width-percent-height.html tall--auto--nonpercent-width-percent-height.html +== tall--auto--nonpercent-width-percent-height-viewbox.html tall--auto--nonpercent-width-percent-height-viewbox.html +== tall--auto--omitted-width-nonpercent-height.html tall--auto--omitted-width-nonpercent-height.html +== tall--auto--omitted-width-nonpercent-height-viewbox.html tall--auto--omitted-width-nonpercent-height-viewbox.html +== tall--auto--omitted-width-omitted-height.html tall--auto--omitted-width-omitted-height.html +skip-if(B2G||Mulet) == tall--auto--omitted-width-omitted-height-viewbox.html tall--auto--omitted-width-omitted-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== tall--auto--omitted-width-percent-height.html tall--auto--omitted-width-percent-height.html +== tall--auto--omitted-width-percent-height-viewbox.html tall--auto--omitted-width-percent-height-viewbox.html +== tall--auto--percent-width-nonpercent-height.html tall--auto--percent-width-nonpercent-height.html +== tall--auto--percent-width-nonpercent-height-viewbox.html tall--auto--percent-width-nonpercent-height-viewbox.html +== tall--auto--percent-width-omitted-height.html tall--auto--percent-width-omitted-height.html +== tall--auto--percent-width-omitted-height-viewbox.html tall--auto--percent-width-omitted-height-viewbox.html +== tall--auto--percent-width-percent-height.html tall--auto--percent-width-percent-height.html +== tall--auto--percent-width-percent-height-viewbox.html tall--auto--percent-width-percent-height-viewbox.html + +== tall--contain--nonpercent-width-nonpercent-height.html tall--contain--nonpercent-width-nonpercent-height.html +== tall--contain--nonpercent-width-nonpercent-height-viewbox.html tall--contain--nonpercent-width-nonpercent-height-viewbox.html +skip-if(B2G||Mulet) == tall--contain--nonpercent-width-omitted-height.html tall--contain--nonpercent-width-omitted-height.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +skip-if(B2G||Mulet) == tall--contain--nonpercent-width-omitted-height-viewbox.html tall--contain--nonpercent-width-omitted-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== tall--contain--nonpercent-width-percent-height.html tall--contain--nonpercent-width-percent-height.html +== tall--contain--nonpercent-width-percent-height-viewbox.html tall--contain--nonpercent-width-percent-height-viewbox.html +== tall--contain--omitted-width-nonpercent-height.html tall--contain--omitted-width-nonpercent-height.html +== tall--contain--omitted-width-nonpercent-height-viewbox.html tall--contain--omitted-width-nonpercent-height-viewbox.html +== tall--contain--omitted-width-omitted-height.html tall--contain--omitted-width-omitted-height.html +== tall--contain--omitted-width-omitted-height-viewbox.html tall--contain--omitted-width-omitted-height-viewbox.html +== tall--contain--omitted-width-percent-height.html tall--contain--omitted-width-percent-height.html +== tall--contain--omitted-width-percent-height-viewbox.html tall--contain--omitted-width-percent-height-viewbox.html +== tall--contain--percent-width-nonpercent-height.html tall--contain--percent-width-nonpercent-height.html +== tall--contain--percent-width-nonpercent-height-viewbox.html tall--contain--percent-width-nonpercent-height-viewbox.html +== tall--contain--percent-width-omitted-height.html tall--contain--percent-width-omitted-height.html +== tall--contain--percent-width-omitted-height-viewbox.html tall--contain--percent-width-omitted-height-viewbox.html +== tall--contain--percent-width-percent-height.html tall--contain--percent-width-percent-height.html +== tall--contain--percent-width-percent-height-viewbox.html tall--contain--percent-width-percent-height-viewbox.html +== tall--cover--nonpercent-width-nonpercent-height.html tall--cover--nonpercent-width-nonpercent-height.html +== tall--cover--nonpercent-width-nonpercent-height-viewbox.html tall--cover--nonpercent-width-nonpercent-height-viewbox.html +== tall--cover--nonpercent-width-nonpercent-height--crisp.html tall--cover--nonpercent-width-nonpercent-height--crisp.html +== tall--cover--nonpercent-width-nonpercent-height-viewbox--crisp.html tall--cover--nonpercent-width-nonpercent-height-viewbox--crisp.html +== tall--cover--nonpercent-width-omitted-height.html tall--cover--nonpercent-width-omitted-height.html +== tall--cover--nonpercent-width-omitted-height-viewbox.html tall--cover--nonpercent-width-omitted-height-viewbox.html +== tall--cover--nonpercent-width-percent-height.html tall--cover--nonpercent-width-percent-height.html +== tall--cover--nonpercent-width-percent-height-viewbox.html tall--cover--nonpercent-width-percent-height-viewbox.html +== tall--cover--omitted-width-nonpercent-height.html tall--cover--omitted-width-nonpercent-height.html +== tall--cover--omitted-width-nonpercent-height-viewbox.html tall--cover--omitted-width-nonpercent-height-viewbox.html +== tall--cover--omitted-width-omitted-height.html tall--cover--omitted-width-omitted-height.html +== tall--cover--omitted-width-omitted-height-viewbox.html tall--cover--omitted-width-omitted-height-viewbox.html +== tall--cover--omitted-width-percent-height.html tall--cover--omitted-width-percent-height.html +== tall--cover--omitted-width-percent-height-viewbox.html tall--cover--omitted-width-percent-height-viewbox.html +== tall--cover--percent-width-nonpercent-height.html tall--cover--percent-width-nonpercent-height.html +== tall--cover--percent-width-nonpercent-height-viewbox.html tall--cover--percent-width-nonpercent-height-viewbox.html +== tall--cover--percent-width-omitted-height.html tall--cover--percent-width-omitted-height.html +== tall--cover--percent-width-omitted-height-viewbox.html tall--cover--percent-width-omitted-height-viewbox.html +== tall--cover--percent-width-percent-height.html tall--cover--percent-width-percent-height.html +== tall--cover--percent-width-percent-height-viewbox.html tall--cover--percent-width-percent-height-viewbox.html + +== wide--12px-auto--nonpercent-width-nonpercent-height.html wide--12px-auto--nonpercent-width-nonpercent-height.html +== wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.html wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.html +skip-if(B2G||Mulet) == wide--12px-auto--nonpercent-width-omitted-height.html wide--12px-auto--nonpercent-width-omitted-height.html +# Initial mulet triage: parity with B2G/B2G Desktop +skip-if(B2G||Mulet) == wide--12px-auto--nonpercent-width-omitted-height-viewbox.html wide--12px-auto--nonpercent-width-omitted-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== wide--12px-auto--nonpercent-width-percent-height.html wide--12px-auto--nonpercent-width-percent-height.html +== wide--12px-auto--nonpercent-width-percent-height-viewbox.html wide--12px-auto--nonpercent-width-percent-height-viewbox.html +skip-if(B2G||Mulet) == wide--12px-auto--omitted-width-nonpercent-height.html wide--12px-auto--omitted-width-nonpercent-height.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +skip-if(B2G||Mulet) == wide--12px-auto--omitted-width-nonpercent-height-viewbox.html wide--12px-auto--omitted-width-nonpercent-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== wide--12px-auto--omitted-width-omitted-height.html wide--12px-auto--omitted-width-omitted-height.html +== wide--12px-auto--omitted-width-omitted-height-viewbox.html wide--12px-auto--omitted-width-omitted-height-viewbox.html +== wide--12px-auto--omitted-width-percent-height.html wide--12px-auto--omitted-width-percent-height.html +== wide--12px-auto--omitted-width-percent-height-viewbox.html wide--12px-auto--omitted-width-percent-height-viewbox.html +== wide--12px-auto--percent-width-nonpercent-height.html wide--12px-auto--percent-width-nonpercent-height.html +== wide--12px-auto--percent-width-nonpercent-height-viewbox.html wide--12px-auto--percent-width-nonpercent-height-viewbox.html +== wide--12px-auto--percent-width-omitted-height.html wide--12px-auto--percent-width-omitted-height.html +skip-if(B2G||Mulet) == wide--12px-auto--percent-width-omitted-height-viewbox.html wide--12px-auto--percent-width-omitted-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +skip-if(B2G||Mulet) == wide--12px-auto--percent-width-percent-height.html wide--12px-auto--percent-width-percent-height.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== wide--12px-auto--percent-width-percent-height-viewbox.html wide--12px-auto--percent-width-percent-height-viewbox.html + +== wide--auto-32px--nonpercent-width-nonpercent-height.html wide--auto-32px--nonpercent-width-nonpercent-height.html +== wide--auto-32px--nonpercent-width-nonpercent-height-viewbox.html wide--auto-32px--nonpercent-width-nonpercent-height-viewbox.html +== wide--auto-32px--nonpercent-width-omitted-height.html wide--auto-32px--nonpercent-width-omitted-height.html +== wide--auto-32px--nonpercent-width-omitted-height-viewbox.html wide--auto-32px--nonpercent-width-omitted-height-viewbox.html +skip-if(B2G||Mulet) == wide--auto-32px--nonpercent-width-percent-height.html wide--auto-32px--nonpercent-width-percent-height.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== wide--auto-32px--nonpercent-width-percent-height-viewbox.html wide--auto-32px--nonpercent-width-percent-height-viewbox.html +== wide--auto-32px--omitted-width-nonpercent-height.html wide--auto-32px--omitted-width-nonpercent-height.html +== wide--auto-32px--omitted-width-nonpercent-height-viewbox.html wide--auto-32px--omitted-width-nonpercent-height-viewbox.html +== wide--auto-32px--omitted-width-omitted-height.html wide--auto-32px--omitted-width-omitted-height.html +== wide--auto-32px--omitted-width-omitted-height-viewbox.html wide--auto-32px--omitted-width-omitted-height-viewbox.html +== wide--auto-32px--omitted-width-percent-height.html wide--auto-32px--omitted-width-percent-height.html +== wide--auto-32px--omitted-width-percent-height-viewbox.html wide--auto-32px--omitted-width-percent-height-viewbox.html +== wide--auto-32px--percent-width-nonpercent-height.html wide--auto-32px--percent-width-nonpercent-height.html +== wide--auto-32px--percent-width-nonpercent-height-viewbox.html wide--auto-32px--percent-width-nonpercent-height-viewbox.html +== wide--auto-32px--percent-width-omitted-height.html wide--auto-32px--percent-width-omitted-height.html +== wide--auto-32px--percent-width-omitted-height-viewbox.html wide--auto-32px--percent-width-omitted-height-viewbox.html +== wide--auto-32px--percent-width-percent-height.html wide--auto-32px--percent-width-percent-height.html +== wide--auto-32px--percent-width-percent-height-viewbox.html wide--auto-32px--percent-width-percent-height-viewbox.html + +skip-if(B2G||Mulet) == wide--auto--nonpercent-width-nonpercent-height.html wide--auto--nonpercent-width-nonpercent-height.html +# Initial mulet triage: parity with B2G/B2G Desktop +skip-if(B2G||Mulet) == wide--auto--nonpercent-width-nonpercent-height-viewbox.html wide--auto--nonpercent-width-nonpercent-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== wide--auto--nonpercent-width-omitted-height.html wide--auto--nonpercent-width-omitted-height.html +== wide--auto--nonpercent-width-omitted-height-viewbox.html wide--auto--nonpercent-width-omitted-height-viewbox.html +== wide--auto--nonpercent-width-percent-height.html wide--auto--nonpercent-width-percent-height.html +skip-if(B2G||Mulet) == wide--auto--nonpercent-width-percent-height-viewbox.html wide--auto--nonpercent-width-percent-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== wide--auto--omitted-width-nonpercent-height.html wide--auto--omitted-width-nonpercent-height.html +== wide--auto--omitted-width-nonpercent-height-viewbox.html wide--auto--omitted-width-nonpercent-height-viewbox.html +== wide--auto--omitted-width-omitted-height.html wide--auto--omitted-width-omitted-height.html +skip-if(B2G||Mulet) == wide--auto--omitted-width-omitted-height-viewbox.html wide--auto--omitted-width-omitted-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== wide--auto--omitted-width-percent-height.html wide--auto--omitted-width-percent-height.html +== wide--auto--omitted-width-percent-height-viewbox.html wide--auto--omitted-width-percent-height-viewbox.html +== wide--auto--percent-width-nonpercent-height.html wide--auto--percent-width-nonpercent-height.html +== wide--auto--percent-width-nonpercent-height-viewbox.html wide--auto--percent-width-nonpercent-height-viewbox.html +== wide--auto--percent-width-omitted-height.html wide--auto--percent-width-omitted-height.html +== wide--auto--percent-width-omitted-height-viewbox.html wide--auto--percent-width-omitted-height-viewbox.html +== wide--auto--percent-width-percent-height.html wide--auto--percent-width-percent-height.html +== wide--auto--percent-width-percent-height-viewbox.html wide--auto--percent-width-percent-height-viewbox.html + +== wide--contain--nonpercent-width-nonpercent-height.html wide--contain--nonpercent-width-nonpercent-height.html +== wide--contain--nonpercent-width-nonpercent-height-viewbox.html wide--contain--nonpercent-width-nonpercent-height-viewbox.html +skip-if(B2G||Mulet) == wide--contain--nonpercent-width-omitted-height.html wide--contain--nonpercent-width-omitted-height.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== wide--contain--nonpercent-width-omitted-height-viewbox.html wide--contain--nonpercent-width-omitted-height-viewbox.html +== wide--contain--nonpercent-width-percent-height.html wide--contain--nonpercent-width-percent-height.html +== wide--contain--nonpercent-width-percent-height-viewbox.html wide--contain--nonpercent-width-percent-height-viewbox.html +== wide--contain--omitted-width-nonpercent-height.html wide--contain--omitted-width-nonpercent-height.html +== wide--contain--omitted-width-nonpercent-height-viewbox.html wide--contain--omitted-width-nonpercent-height-viewbox.html +== wide--contain--omitted-width-omitted-height.html wide--contain--omitted-width-omitted-height.html +== wide--contain--omitted-width-omitted-height-viewbox.html wide--contain--omitted-width-omitted-height-viewbox.html +== wide--contain--omitted-width-percent-height.html wide--contain--omitted-width-percent-height.html +== wide--contain--omitted-width-percent-height-viewbox.html wide--contain--omitted-width-percent-height-viewbox.html +== wide--contain--percent-width-nonpercent-height.html wide--contain--percent-width-nonpercent-height.html +== wide--contain--percent-width-nonpercent-height-viewbox.html wide--contain--percent-width-nonpercent-height-viewbox.html +== wide--contain--percent-width-omitted-height.html wide--contain--percent-width-omitted-height.html +== wide--contain--percent-width-omitted-height-viewbox.html wide--contain--percent-width-omitted-height-viewbox.html +== wide--contain--percent-width-percent-height.html wide--contain--percent-width-percent-height.html +== wide--contain--percent-width-percent-height-viewbox.html wide--contain--percent-width-percent-height-viewbox.html + +== wide--cover--nonpercent-width-nonpercent-height.html wide--cover--nonpercent-width-nonpercent-height.html +skip-if(B2G||Mulet) == wide--cover--nonpercent-width-nonpercent-height-viewbox.html wide--cover--nonpercent-width-nonpercent-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== wide--cover--nonpercent-width-omitted-height.html wide--cover--nonpercent-width-omitted-height.html +== wide--cover--nonpercent-width-omitted-height-viewbox.html wide--cover--nonpercent-width-omitted-height-viewbox.html +== wide--cover--nonpercent-width-percent-height.html wide--cover--nonpercent-width-percent-height.html +== wide--cover--nonpercent-width-percent-height-viewbox.html wide--cover--nonpercent-width-percent-height-viewbox.html +== wide--cover--omitted-width-nonpercent-height.html wide--cover--omitted-width-nonpercent-height.html +skip-if(B2G||Mulet) == wide--cover--omitted-width-nonpercent-height-viewbox.html wide--cover--omitted-width-nonpercent-height-viewbox.html +# bug 773482 +# Initial mulet triage: parity with B2G/B2G Desktop +== wide--cover--omitted-width-omitted-height.html wide--cover--omitted-width-omitted-height.html +== wide--cover--omitted-width-omitted-height-viewbox.html wide--cover--omitted-width-omitted-height-viewbox.html +== wide--cover--omitted-width-percent-height.html wide--cover--omitted-width-percent-height.html +== wide--cover--omitted-width-percent-height-viewbox.html wide--cover--omitted-width-percent-height-viewbox.html +== wide--cover--percent-width-nonpercent-height.html wide--cover--percent-width-nonpercent-height.html +== wide--cover--percent-width-nonpercent-height-viewbox.html wide--cover--percent-width-nonpercent-height-viewbox.html +== wide--cover--percent-width-omitted-height.html wide--cover--percent-width-omitted-height.html +== wide--cover--percent-width-omitted-height-viewbox.html wide--cover--percent-width-omitted-height-viewbox.html +== wide--cover--percent-width-percent-height.html wide--cover--percent-width-percent-height.html +== wide--cover--percent-width-percent-height-viewbox.html wide--cover--percent-width-percent-height-viewbox.html + +== diagonal-percentage-vector-background.html diagonal-percentage-vector-background.html +== no-aspect-ratio-wide.html no-aspect-ratio-wide.html diff --git a/layout/reftests/backgrounds/vector/reftest.list b/layout/reftests/backgrounds/vector/reftest.list new file mode 100644 index 000000000..2ed940449 --- /dev/null +++ b/layout/reftests/backgrounds/vector/reftest.list @@ -0,0 +1,204 @@ +include empty/reftest.list + +################################################################################ +# For reference (although the wide--32px-auto* tests/names were changed to +# avoid viewBox-directed scaling to make the scaled height less than the wide- +# tests height): +# +# for ORIENTATION in tall wide; do for SIZE in 32px-auto auto-32px auto contain cover; do for VIMAGE in *.svg; do cat template.html | sed -e "s/SIZE/$(echo $SIZE | sed -e 's/-/ /')/g" | sed -e "s/VIMAGE/$VIMAGE/g" | sed -e "s/TALLWIDE/$ORIENTATION/g" | sed -e "s/ORIENTATION/$(if [ "$ORIENTATION" = "tall" ]; then echo 'width: 256px; height: 768px'; else echo 'width: 768px; height: 256px'; fi)/g" > $ORIENTATION--$SIZE--$(echo $VIMAGE | sed -e 's/.svg//').html; echo "== $ORIENTATION--$SIZE--$(echo $VIMAGE | sed -e 's/.svg//').html ###" >> reftest.list; done; echo >> reftest.list; done; done +# +################################################################################ + +== tall--32px-auto--nonpercent-width-nonpercent-height.html ref-tall-lime32x64-aqua32x64.html +== tall--32px-auto--nonpercent-width-nonpercent-height-viewbox.html ref-tall-lime32x64-aqua32x64.html +== tall--32px-auto--nonpercent-width-omitted-height.html ref-tall-lime32x384-aqua32x384.html +== tall--32px-auto--nonpercent-width-omitted-height-viewbox.html ref-tall-lime32x256-aqua32x256.html +== tall--32px-auto--nonpercent-width-percent-height.html ref-tall-lime32x384-aqua32x384.html +== tall--32px-auto--nonpercent-width-percent-height-viewbox.html ref-tall-lime32x256-aqua32x256.html +== tall--32px-auto--omitted-width-nonpercent-height.html ref-tall-lime32x16-aqua32x16.html +== tall--32px-auto--omitted-width-nonpercent-height-viewbox.html ref-tall-lime32x256-aqua32x256.html +== tall--32px-auto--omitted-width-omitted-height.html ref-tall-lime32x384-aqua32x384.html +== tall--32px-auto--omitted-width-omitted-height-viewbox.html ref-tall-lime32x256-aqua32x256.html +== tall--32px-auto--omitted-width-percent-height.html ref-tall-lime32x384-aqua32x384.html +== tall--32px-auto--omitted-width-percent-height-viewbox.html ref-tall-lime32x256-aqua32x256.html +== tall--32px-auto--percent-width-nonpercent-height.html ref-tall-lime32x16-aqua32x16.html +== tall--32px-auto--percent-width-nonpercent-height-viewbox.html ref-tall-lime32x256-aqua32x256.html +== tall--32px-auto--percent-width-omitted-height.html ref-tall-lime32x384-aqua32x384.html +== tall--32px-auto--percent-width-omitted-height-viewbox.html ref-tall-lime32x256-aqua32x256.html +== tall--32px-auto--percent-width-percent-height.html ref-tall-lime32x384-aqua32x384.html +== tall--32px-auto--percent-width-percent-height-viewbox.html ref-tall-lime32x256-aqua32x256.html + +== tall--auto-32px--nonpercent-width-nonpercent-height.html ref-tall-lime8x16-aqua8x16.html +== tall--auto-32px--nonpercent-width-nonpercent-height-viewbox.html ref-tall-lime8x16-aqua8x16.html +== tall--auto-32px--nonpercent-width-omitted-height.html ref-tall-lime8x16-aqua8x16.html # bug 773482 +== tall--auto-32px--nonpercent-width-omitted-height-viewbox.html ref-tall-lime2x16-aqua2x16.html +== tall--auto-32px--nonpercent-width-percent-height.html ref-tall-lime8x16-aqua8x16.html +== tall--auto-32px--nonpercent-width-percent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html +== tall--auto-32px--omitted-width-nonpercent-height.html ref-tall-lime256x16-aqua256x16.html +== tall--auto-32px--omitted-width-nonpercent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html +== tall--auto-32px--omitted-width-omitted-height.html ref-tall-lime256x16-aqua256x16.html +== tall--auto-32px--omitted-width-omitted-height-viewbox.html ref-tall-lime2x16-aqua2x16.html +== tall--auto-32px--omitted-width-percent-height.html ref-tall-lime256x16-aqua256x16.html +== tall--auto-32px--omitted-width-percent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html +== tall--auto-32px--percent-width-nonpercent-height.html ref-tall-lime256x16-aqua256x16.html +== tall--auto-32px--percent-width-nonpercent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html +== tall--auto-32px--percent-width-omitted-height.html ref-tall-lime256x16-aqua256x16.html +== tall--auto-32px--percent-width-omitted-height-viewbox.html ref-tall-lime2x16-aqua2x16.html +== tall--auto-32px--percent-width-percent-height.html ref-tall-lime256x16-aqua256x16.html +== tall--auto-32px--percent-width-percent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html + +== tall--auto--nonpercent-width-nonpercent-height.html ref-tall-lime8x16-aqua8x16.html +== tall--auto--nonpercent-width-nonpercent-height-viewbox.html ref-tall-lime8x16-aqua8x16.html +== tall--auto--nonpercent-width-omitted-height.html ref-tall-lime8x384-aqua8x384.html +== tall--auto--nonpercent-width-omitted-height-viewbox.html ref-tall-lime8x64-aqua8x64.html +== tall--auto--nonpercent-width-percent-height.html ref-tall-lime8x384-aqua8x384.html +== tall--auto--nonpercent-width-percent-height-viewbox.html ref-tall-lime8x64-aqua8x64.html +== tall--auto--omitted-width-nonpercent-height.html ref-tall-lime256x16-aqua256x16.html +== tall--auto--omitted-width-nonpercent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html +== tall--auto--omitted-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html +== tall--auto--omitted-width-omitted-height-viewbox.html ref-tall-lime48x384-aqua48x384.html +== tall--auto--omitted-width-percent-height.html ref-tall-lime256x384-aqua256x384.html +== tall--auto--omitted-width-percent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html +== tall--auto--percent-width-nonpercent-height.html ref-tall-lime256x16-aqua256x16.html +== tall--auto--percent-width-nonpercent-height-viewbox.html ref-tall-lime2x16-aqua2x16.html +== tall--auto--percent-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html +== tall--auto--percent-width-omitted-height-viewbox.html ref-tall-lime48x384-aqua48x384.html +== tall--auto--percent-width-percent-height.html ref-tall-lime256x384-aqua256x384.html +== tall--auto--percent-width-percent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html + +== tall--contain--nonpercent-width-nonpercent-height.html ref-tall-lime192x384-aqua192x384.html +== tall--contain--nonpercent-width-nonpercent-height-viewbox.html ref-tall-lime192x384-aqua192x384.html +== tall--contain--nonpercent-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html +== tall--contain--nonpercent-width-omitted-height-viewbox.html ref-tall-lime48x384-aqua48x384.html +== tall--contain--nonpercent-width-percent-height.html ref-tall-lime256x384-aqua256x384.html +== tall--contain--nonpercent-width-percent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html +== tall--contain--omitted-width-nonpercent-height.html ref-tall-lime256x384-aqua256x384.html +== tall--contain--omitted-width-nonpercent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html +== tall--contain--omitted-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html +== tall--contain--omitted-width-omitted-height-viewbox.html ref-tall-lime48x384-aqua48x384.html +== tall--contain--omitted-width-percent-height.html ref-tall-lime256x384-aqua256x384.html +== tall--contain--omitted-width-percent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html +== tall--contain--percent-width-nonpercent-height.html ref-tall-lime256x384-aqua256x384.html +== tall--contain--percent-width-nonpercent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html +== tall--contain--percent-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html +== tall--contain--percent-width-omitted-height-viewbox.html ref-tall-lime48x384-aqua48x384.html +== tall--contain--percent-width-percent-height.html ref-tall-lime256x384-aqua256x384.html +== tall--contain--percent-width-percent-height-viewbox.html ref-tall-lime48x384-aqua48x384.html +== tall--cover--nonpercent-width-nonpercent-height.html ref-tall-lime256x512-aqua256x256.html +== tall--cover--nonpercent-width-nonpercent-height-viewbox.html ref-tall-lime256x512-aqua256x256.html +== tall--cover--nonpercent-width-nonpercent-height--crisp.html ref-tall-lime256x512-aqua256x256.html +== tall--cover--nonpercent-width-nonpercent-height-viewbox--crisp.html ref-tall-lime256x512-aqua256x256.html +== tall--cover--nonpercent-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html +== tall--cover--nonpercent-width-omitted-height-viewbox.html ref-tall-lime256x768.html +== tall--cover--nonpercent-width-percent-height.html ref-tall-lime256x384-aqua256x384.html +== tall--cover--nonpercent-width-percent-height-viewbox.html ref-tall-lime256x768.html +== tall--cover--omitted-width-nonpercent-height.html ref-tall-lime256x384-aqua256x384.html +== tall--cover--omitted-width-nonpercent-height-viewbox.html ref-tall-lime256x768.html +== tall--cover--omitted-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html +== tall--cover--omitted-width-omitted-height-viewbox.html ref-tall-lime256x768.html +== tall--cover--omitted-width-percent-height.html ref-tall-lime256x384-aqua256x384.html +== tall--cover--omitted-width-percent-height-viewbox.html ref-tall-lime256x768.html +== tall--cover--percent-width-nonpercent-height.html ref-tall-lime256x384-aqua256x384.html +== tall--cover--percent-width-nonpercent-height-viewbox.html ref-tall-lime256x768.html +== tall--cover--percent-width-omitted-height.html ref-tall-lime256x384-aqua256x384.html +== tall--cover--percent-width-omitted-height-viewbox.html ref-tall-lime256x768.html +== tall--cover--percent-width-percent-height.html ref-tall-lime256x384-aqua256x384.html +== tall--cover--percent-width-percent-height-viewbox.html ref-tall-lime256x768.html + +== wide--12px-auto--nonpercent-width-nonpercent-height.html ref-wide-lime12x24-aqua12x24.html +== wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.html ref-wide-lime12x24-aqua12x24.html +== wide--12px-auto--nonpercent-width-omitted-height.html ref-wide-lime12x128-aqua12x128.html +== wide--12px-auto--nonpercent-width-omitted-height-viewbox.html ref-wide-lime12x96-aqua12x96.html +== wide--12px-auto--nonpercent-width-percent-height.html ref-wide-lime12x128-aqua12x128.html +== wide--12px-auto--nonpercent-width-percent-height-viewbox.html ref-wide-lime12x96-aqua12x96.html +== wide--12px-auto--omitted-width-nonpercent-height.html ref-wide-lime12x16-aqua12x16.html +== wide--12px-auto--omitted-width-nonpercent-height-viewbox.html ref-wide-lime12x96-aqua12x96.html +== wide--12px-auto--omitted-width-omitted-height.html ref-wide-lime12x128-aqua12x128.html +== wide--12px-auto--omitted-width-omitted-height-viewbox.html ref-wide-lime12x96-aqua12x96.html +== wide--12px-auto--omitted-width-percent-height.html ref-wide-lime12x128-aqua12x128.html +== wide--12px-auto--omitted-width-percent-height-viewbox.html ref-wide-lime12x96-aqua12x96.html +== wide--12px-auto--percent-width-nonpercent-height.html ref-wide-lime12x16-aqua12x16.html +== wide--12px-auto--percent-width-nonpercent-height-viewbox.html ref-wide-lime12x96-aqua12x96.html +== wide--12px-auto--percent-width-omitted-height.html ref-wide-lime12x128-aqua12x128.html +== wide--12px-auto--percent-width-omitted-height-viewbox.html ref-wide-lime12x96-aqua12x96.html +== wide--12px-auto--percent-width-percent-height.html ref-wide-lime12x128-aqua12x128.html +== wide--12px-auto--percent-width-percent-height-viewbox.html ref-wide-lime12x96-aqua12x96.html + +== wide--auto-32px--nonpercent-width-nonpercent-height.html ref-wide-lime8x16-aqua8x16.html +== wide--auto-32px--nonpercent-width-nonpercent-height-viewbox.html ref-wide-lime8x16-aqua8x16.html +== wide--auto-32px--nonpercent-width-omitted-height.html ref-wide-lime8x16-aqua8x16.html +== wide--auto-32px--nonpercent-width-omitted-height-viewbox.html ref-wide-lime2x16-aqua2x16.html +== wide--auto-32px--nonpercent-width-percent-height.html ref-wide-lime8x16-aqua8x16.html +== wide--auto-32px--nonpercent-width-percent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html +== wide--auto-32px--omitted-width-nonpercent-height.html ref-wide-lime768x16-aqua768x16.html +== wide--auto-32px--omitted-width-nonpercent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html +== wide--auto-32px--omitted-width-omitted-height.html ref-wide-lime768x16-aqua768x16.html +== wide--auto-32px--omitted-width-omitted-height-viewbox.html ref-wide-lime2x16-aqua2x16.html +== wide--auto-32px--omitted-width-percent-height.html ref-wide-lime768x16-aqua768x16.html +== wide--auto-32px--omitted-width-percent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html +== wide--auto-32px--percent-width-nonpercent-height.html ref-wide-lime768x16-aqua768x16.html +== wide--auto-32px--percent-width-nonpercent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html +== wide--auto-32px--percent-width-omitted-height.html ref-wide-lime768x16-aqua768x16.html +== wide--auto-32px--percent-width-omitted-height-viewbox.html ref-wide-lime2x16-aqua2x16.html +== wide--auto-32px--percent-width-percent-height.html ref-wide-lime768x16-aqua768x16.html +== wide--auto-32px--percent-width-percent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html + +== wide--auto--nonpercent-width-nonpercent-height.html ref-wide-lime8x16-aqua8x16.html +== wide--auto--nonpercent-width-nonpercent-height-viewbox.html ref-wide-lime8x16-aqua8x16.html +== wide--auto--nonpercent-width-omitted-height.html ref-wide-lime8x128-aqua8x128.html +== wide--auto--nonpercent-width-omitted-height-viewbox.html ref-wide-lime8x64-aqua8x64.html +== wide--auto--nonpercent-width-percent-height.html ref-wide-lime8x128-aqua8x128.html +== wide--auto--nonpercent-width-percent-height-viewbox.html ref-wide-lime8x64-aqua8x64.html +== wide--auto--omitted-width-nonpercent-height.html ref-wide-lime768x16-aqua768x16.html +== wide--auto--omitted-width-nonpercent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html +== wide--auto--omitted-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html +== wide--auto--omitted-width-omitted-height-viewbox.html ref-wide-lime16x128-aqua16x128.html +== wide--auto--omitted-width-percent-height.html ref-wide-lime768x128-aqua768x128.html +== wide--auto--omitted-width-percent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html +== wide--auto--percent-width-nonpercent-height.html ref-wide-lime768x16-aqua768x16.html +== wide--auto--percent-width-nonpercent-height-viewbox.html ref-wide-lime2x16-aqua2x16.html +== wide--auto--percent-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html +== wide--auto--percent-width-omitted-height-viewbox.html ref-wide-lime16x128-aqua16x128.html +== wide--auto--percent-width-percent-height.html ref-wide-lime768x128-aqua768x128.html +== wide--auto--percent-width-percent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html + +== wide--contain--nonpercent-width-nonpercent-height.html ref-wide-lime64x128-aqua64x128.html +== wide--contain--nonpercent-width-nonpercent-height-viewbox.html ref-wide-lime64x128-aqua64x128.html +== wide--contain--nonpercent-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html +== wide--contain--nonpercent-width-omitted-height-viewbox.html ref-wide-lime16x128-aqua16x128.html +== wide--contain--nonpercent-width-percent-height.html ref-wide-lime768x128-aqua768x128.html +== wide--contain--nonpercent-width-percent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html +== wide--contain--omitted-width-nonpercent-height.html ref-wide-lime768x128-aqua768x128.html +== wide--contain--omitted-width-nonpercent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html +== wide--contain--omitted-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html +== wide--contain--omitted-width-omitted-height-viewbox.html ref-wide-lime16x128-aqua16x128.html +== wide--contain--omitted-width-percent-height.html ref-wide-lime768x128-aqua768x128.html +== wide--contain--omitted-width-percent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html +== wide--contain--percent-width-nonpercent-height.html ref-wide-lime768x128-aqua768x128.html +== wide--contain--percent-width-nonpercent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html +== wide--contain--percent-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html +== wide--contain--percent-width-omitted-height-viewbox.html ref-wide-lime16x128-aqua16x128.html +== wide--contain--percent-width-percent-height.html ref-wide-lime768x128-aqua768x128.html +== wide--contain--percent-width-percent-height-viewbox.html ref-wide-lime16x128-aqua16x128.html + +== wide--cover--nonpercent-width-nonpercent-height.html ref-wide-lime768x256.html +== wide--cover--nonpercent-width-nonpercent-height-viewbox.html ref-wide-lime768x256.html +== wide--cover--nonpercent-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html +== wide--cover--nonpercent-width-omitted-height-viewbox.html ref-wide-lime768x256.html +== wide--cover--nonpercent-width-percent-height.html ref-wide-lime768x128-aqua768x128.html +== wide--cover--nonpercent-width-percent-height-viewbox.html ref-wide-lime768x256.html +== wide--cover--omitted-width-nonpercent-height.html ref-wide-lime768x128-aqua768x128.html +== wide--cover--omitted-width-nonpercent-height-viewbox.html ref-wide-lime768x256.html +== wide--cover--omitted-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html +== wide--cover--omitted-width-omitted-height-viewbox.html ref-wide-lime768x256.html +== wide--cover--omitted-width-percent-height.html ref-wide-lime768x128-aqua768x128.html +== wide--cover--omitted-width-percent-height-viewbox.html ref-wide-lime768x256.html +== wide--cover--percent-width-nonpercent-height.html ref-wide-lime768x128-aqua768x128.html +== wide--cover--percent-width-nonpercent-height-viewbox.html ref-wide-lime768x256.html +== wide--cover--percent-width-omitted-height.html ref-wide-lime768x128-aqua768x128.html +== wide--cover--percent-width-omitted-height-viewbox.html ref-wide-lime768x256.html +== wide--cover--percent-width-percent-height.html ref-wide-lime768x128-aqua768x128.html +== wide--cover--percent-width-percent-height-viewbox.html ref-wide-lime768x256.html + +== diagonal-percentage-vector-background.html diagonal-percentage-vector-background-ref.html +== no-aspect-ratio-wide.html no-aspect-ratio-normal.html diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..028bb9f77 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for nonpercent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height.html new file mode 100644 index 000000000..a82322c01 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for nonpercent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..9f6ff8ee7 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for nonpercent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height.html new file mode 100644 index 000000000..3dc583a7f --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for nonpercent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height-viewbox.html new file mode 100644 index 000000000..eb665efd3 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for nonpercent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height.html new file mode 100644 index 000000000..2f56317a1 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--nonpercent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for nonpercent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..b7488305e --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for omitted-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height.html new file mode 100644 index 000000000..9a666cc72 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for omitted-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height-viewbox.html new file mode 100644 index 000000000..79662459b --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for omitted-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height.html new file mode 100644 index 000000000..4e7486893 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for omitted-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height-viewbox.html new file mode 100644 index 000000000..dc6887103 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for omitted-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height.html new file mode 100644 index 000000000..947ec8df9 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--omitted-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for omitted-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..f07a9cfc6 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for percent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height.html new file mode 100644 index 000000000..98a4eeaa5 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for percent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..bbd28a558 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for percent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height.html new file mode 100644 index 000000000..612030bd4 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for percent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height-viewbox.html new file mode 100644 index 000000000..597111ff6 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for percent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height.html new file mode 100644 index 000000000..8e8ba9e28 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--32px-auto--percent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: 32px auto; for percent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: 32px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..381442e9f --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for nonpercent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height.html new file mode 100644 index 000000000..535249a43 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for nonpercent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..a21c0b59a --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for nonpercent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height.html new file mode 100644 index 000000000..613ceea0c --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for nonpercent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height-viewbox.html new file mode 100644 index 000000000..704ed5ec0 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for nonpercent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height.html new file mode 100644 index 000000000..b44f11eb4 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--nonpercent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for nonpercent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..9dba9aa4c --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for omitted-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height.html new file mode 100644 index 000000000..b1738e19d --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for omitted-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height-viewbox.html new file mode 100644 index 000000000..a33d5f226 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for omitted-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height.html new file mode 100644 index 000000000..6bad152af --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for omitted-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height-viewbox.html new file mode 100644 index 000000000..e42096768 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for omitted-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height.html new file mode 100644 index 000000000..0f47281a3 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--omitted-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for omitted-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..16d363352 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for percent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height.html new file mode 100644 index 000000000..bcade3197 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--percent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for percent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..570ec91cf --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for percent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height.html new file mode 100644 index 000000000..36566da20 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--percent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for percent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height-viewbox.html new file mode 100644 index 000000000..c9bcaaaba --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for percent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height.html new file mode 100644 index 000000000..784d15b63 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto--percent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto; for percent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..32e6a6ab3 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for nonpercent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height.html new file mode 100644 index 000000000..f07ca6aba --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for nonpercent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..15061db70 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for nonpercent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height.html new file mode 100644 index 000000000..2a2e99a31 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for nonpercent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height-viewbox.html new file mode 100644 index 000000000..6c7855d68 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for nonpercent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height.html new file mode 100644 index 000000000..320ab0e01 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--nonpercent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for nonpercent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..f0129ba21 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for omitted-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height.html new file mode 100644 index 000000000..700142d5a --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for omitted-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height-viewbox.html new file mode 100644 index 000000000..effa92b3f --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for omitted-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height.html new file mode 100644 index 000000000..5a5ce372d --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for omitted-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height-viewbox.html new file mode 100644 index 000000000..a38195c7c --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for omitted-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height.html new file mode 100644 index 000000000..0e3b7a1e4 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--omitted-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for omitted-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..d76373480 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for percent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height.html new file mode 100644 index 000000000..93d5bc2aa --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for percent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..dec312867 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for percent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height.html new file mode 100644 index 000000000..4f8e57da7 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for percent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height-viewbox.html new file mode 100644 index 000000000..61c83a481 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for percent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height.html new file mode 100644 index 000000000..c1c35a8cd --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--auto-32px--percent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: auto 32px; for percent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..35c522456 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for nonpercent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height.html new file mode 100644 index 000000000..0460b9429 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for nonpercent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..1b9a541f9 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for nonpercent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height.html new file mode 100644 index 000000000..95a5c1574 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for nonpercent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height-viewbox.html new file mode 100644 index 000000000..3f8fdd239 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for nonpercent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height.html new file mode 100644 index 000000000..4d365e0a5 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--nonpercent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for nonpercent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..82d9d3d94 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for omitted-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height.html new file mode 100644 index 000000000..6fb7f6aa5 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for omitted-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height-viewbox.html new file mode 100644 index 000000000..0ddec7426 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for omitted-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height.html new file mode 100644 index 000000000..453aeca77 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for omitted-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height-viewbox.html new file mode 100644 index 000000000..e34d8703e --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for omitted-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height.html new file mode 100644 index 000000000..986eb2b52 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--omitted-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for omitted-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..bca47e5d1 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for percent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height.html new file mode 100644 index 000000000..56e0587a3 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--percent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for percent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..c758225bc --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for percent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height.html new file mode 100644 index 000000000..e454f28fc --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--percent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for percent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height-viewbox.html new file mode 100644 index 000000000..0123410e3 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for percent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height.html new file mode 100644 index 000000000..14c483e23 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--contain--percent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: contain; for percent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height--crisp.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height--crisp.html new file mode 100644 index 000000000..00356e83b --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height--crisp.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for nonpercent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: cover; + image-rendering: -moz-crisp-edges; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox--crisp.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox--crisp.html new file mode 100644 index 000000000..71e9790eb --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox--crisp.html @@ -0,0 +1,36 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; + image-rendering: -moz-crisp-edges; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..7029cc709 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height-viewbox.html @@ -0,0 +1,36 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; + /* XXX image-rendering: -moz-crisp-edges; */ +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height.html new file mode 100644 index 000000000..3574bf501 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-nonpercent-height.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for nonpercent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: cover; + /* XXX image-rendering: -moz-crisp-edges; */ +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..a46ace1e6 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for nonpercent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height.html new file mode 100644 index 000000000..38ff1e6d0 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for nonpercent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height-viewbox.html new file mode 100644 index 000000000..f68cc62f9 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for nonpercent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height.html new file mode 100644 index 000000000..87128908f --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--nonpercent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for nonpercent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..b0be12e5f --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for omitted-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height.html new file mode 100644 index 000000000..a560625f8 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for omitted-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height-viewbox.html new file mode 100644 index 000000000..6d77c6844 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for omitted-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height.html new file mode 100644 index 000000000..e00cfed97 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for omitted-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height-viewbox.html new file mode 100644 index 000000000..fefb92775 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for omitted-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height.html new file mode 100644 index 000000000..c9b8006b4 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--omitted-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for omitted-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..8549f85b5 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for percent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height.html new file mode 100644 index 000000000..7734a3b4f --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--percent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for percent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..2be708373 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for percent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height.html new file mode 100644 index 000000000..1bd5b3cf2 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--percent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for percent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height-viewbox.html new file mode 100644 index 000000000..e87ba6ba6 --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for percent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height.html new file mode 100644 index 000000000..4930568eb --- /dev/null +++ b/layout/reftests/backgrounds/vector/tall--cover--percent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>tall background-size: cover; for percent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 256px; height: 768px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/template.html b/layout/reftests/backgrounds/vector/template.html new file mode 100644 index 000000000..65a403636 --- /dev/null +++ b/layout/reftests/backgrounds/vector/template.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>TALLWIDE background-size: SIZE; for VIMAGE</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + ORIENTATION; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(VIMAGE); + background-repeat: no-repeat; + background-size: SIZE; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..3acb1471e --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for nonpercent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height.html new file mode 100644 index 000000000..c68bb126e --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for nonpercent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..5fac51f7a --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for nonpercent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height.html new file mode 100644 index 000000000..39139bf07 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for nonpercent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height-viewbox.html new file mode 100644 index 000000000..2004537d5 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for nonpercent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height.html new file mode 100644 index 000000000..12421f6d6 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--nonpercent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for nonpercent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..a735c0cfd --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for omitted-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height.html new file mode 100644 index 000000000..bc020f0fc --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for omitted-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height-viewbox.html new file mode 100644 index 000000000..169e37994 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for omitted-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height.html new file mode 100644 index 000000000..684d18a17 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for omitted-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height-viewbox.html new file mode 100644 index 000000000..c2f82c36e --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for omitted-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height.html new file mode 100644 index 000000000..6f3ddb69a --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--omitted-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for omitted-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..0bc05e730 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for percent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height.html new file mode 100644 index 000000000..9b4b2acc7 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for percent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..0c30c0b35 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for percent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height.html new file mode 100644 index 000000000..cc873a55b --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for percent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height-viewbox.html new file mode 100644 index 000000000..42614c4b5 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for percent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height.html new file mode 100644 index 000000000..e39b61093 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--12px-auto--percent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: 12px auto; for percent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: 12px auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..1cd8d94c3 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for nonpercent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height.html new file mode 100644 index 000000000..08bd7f256 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for nonpercent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..71cf8f61e --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for nonpercent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height.html new file mode 100644 index 000000000..0ace95021 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for nonpercent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height-viewbox.html new file mode 100644 index 000000000..e1f7f2618 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for nonpercent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height.html new file mode 100644 index 000000000..18312be47 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--nonpercent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for nonpercent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..f66416b17 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for omitted-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height.html new file mode 100644 index 000000000..f6f2be731 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for omitted-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height-viewbox.html new file mode 100644 index 000000000..78f3a3a36 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for omitted-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height.html new file mode 100644 index 000000000..83c76cd82 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for omitted-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height-viewbox.html new file mode 100644 index 000000000..e04a81216 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for omitted-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height.html new file mode 100644 index 000000000..99a7cd2b0 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--omitted-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for omitted-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..4e5a07755 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for percent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height.html new file mode 100644 index 000000000..355985de9 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--percent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for percent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..e25969033 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for percent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height.html new file mode 100644 index 000000000..70471cd70 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--percent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for percent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height-viewbox.html new file mode 100644 index 000000000..2aac967a9 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for percent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height.html new file mode 100644 index 000000000..7d119a372 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto--percent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto; for percent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: auto; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..f8d3da2c3 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for nonpercent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height.html new file mode 100644 index 000000000..8bd16d110 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for nonpercent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..4573e583a --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for nonpercent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height.html new file mode 100644 index 000000000..e8b20f292 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for nonpercent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height-viewbox.html new file mode 100644 index 000000000..5a1e405fb --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for nonpercent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height.html new file mode 100644 index 000000000..4890bc5c7 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--nonpercent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for nonpercent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..1d37678e4 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for omitted-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height.html new file mode 100644 index 000000000..a58e491aa --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for omitted-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height-viewbox.html new file mode 100644 index 000000000..12fe97541 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for omitted-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height.html new file mode 100644 index 000000000..0cc08fde1 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for omitted-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height-viewbox.html new file mode 100644 index 000000000..13de26257 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for omitted-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height.html new file mode 100644 index 000000000..d50223df6 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--omitted-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for omitted-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..1c5335349 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for percent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height.html new file mode 100644 index 000000000..9088fde48 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for percent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..8ff18c4a4 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for percent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height.html new file mode 100644 index 000000000..a80cfd5a6 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for percent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height-viewbox.html new file mode 100644 index 000000000..a1edcd802 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for percent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height.html new file mode 100644 index 000000000..9f0186a52 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--auto-32px--percent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: auto 32px; for percent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: auto 32px; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..e31e2e00c --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for nonpercent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height.html new file mode 100644 index 000000000..c3578b061 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for nonpercent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..2f96d08dd --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for nonpercent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height.html new file mode 100644 index 000000000..bfe7b0335 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for nonpercent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height-viewbox.html new file mode 100644 index 000000000..d12e35c98 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for nonpercent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height.html new file mode 100644 index 000000000..3e098fa36 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--nonpercent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for nonpercent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..11dc15435 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for omitted-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height.html new file mode 100644 index 000000000..0c4ed8af5 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for omitted-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height-viewbox.html new file mode 100644 index 000000000..7183a07b9 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for omitted-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height.html new file mode 100644 index 000000000..b50a44294 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for omitted-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height-viewbox.html new file mode 100644 index 000000000..b4dd27945 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for omitted-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height.html new file mode 100644 index 000000000..642f26cc9 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--omitted-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for omitted-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..80e338154 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for percent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height.html new file mode 100644 index 000000000..bf6a42b2a --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--percent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for percent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..98ca31c88 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for percent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height.html new file mode 100644 index 000000000..22325f270 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--percent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for percent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height-viewbox.html new file mode 100644 index 000000000..33cf37967 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for percent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height.html new file mode 100644 index 000000000..2347d35d6 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--contain--percent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: contain; for percent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: contain; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..bab00d6b9 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height.html new file mode 100644 index 000000000..ab7ecd975 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for nonpercent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..ba6395a0b --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for nonpercent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height.html new file mode 100644 index 000000000..c48b1c447 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for nonpercent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height-viewbox.html new file mode 100644 index 000000000..e43de2570 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for nonpercent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height.html new file mode 100644 index 000000000..70e1abce0 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--nonpercent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for nonpercent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(nonpercent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..6095500e1 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for omitted-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height.html new file mode 100644 index 000000000..8da880e77 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for omitted-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height-viewbox.html new file mode 100644 index 000000000..328284f18 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for omitted-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height.html new file mode 100644 index 000000000..b26980359 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for omitted-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height-viewbox.html new file mode 100644 index 000000000..395717870 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for omitted-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height.html new file mode 100644 index 000000000..4133a7ba6 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--omitted-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for omitted-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(omitted-width-percent-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height-viewbox.html new file mode 100644 index 000000000..3795b93e0 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for percent-width-nonpercent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height.html b/layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height.html new file mode 100644 index 000000000..fd75fedfa --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--percent-width-nonpercent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for percent-width-nonpercent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-nonpercent-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height-viewbox.html new file mode 100644 index 000000000..71d1ede86 --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for percent-width-omitted-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height.html b/layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height.html new file mode 100644 index 000000000..d38969ffc --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--percent-width-omitted-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for percent-width-omitted-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-omitted-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height-viewbox.html b/layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height-viewbox.html new file mode 100644 index 000000000..17da1912a --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height-viewbox.html @@ -0,0 +1,35 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for percent-width-percent-height-viewbox.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height-viewbox.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> diff --git a/layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height.html b/layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height.html new file mode 100644 index 000000000..f688223fb --- /dev/null +++ b/layout/reftests/backgrounds/vector/wide--cover--percent-width-percent-height.html @@ -0,0 +1,34 @@ +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<!DOCTYPE html> +<html> +<head> + <title>wide background-size: cover; for percent-width-percent-height.svg</title> + <link rel="author" title="Jeff Walden" href="http://whereswalden.com/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing" /> + <link rel="help" href="http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute" /> + <meta name="flags" content="svg" /> + <style type="text/css"> +div +{ + width: 768px; height: 256px; +} +#outer +{ + border: 1px solid black; +} +#inner +{ + background-image: url(percent-width-percent-height.svg); + background-repeat: no-repeat; + background-size: cover; +} + </style> +</head> +<body> +<div id="outer"><div id="inner"></div></div> +</body> +</html> |
