import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo

This commit is contained in:
Roy Tam 2018-01-19 03:59:58 +08:00
commit dcd9973243
150858 changed files with 23884658 additions and 0 deletions

View file

@ -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>

After

Width:  |  Height:  |  Size: 336 B

View file

@ -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>

After

Width:  |  Height:  |  Size: 346 B

View file

@ -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>

After

Width:  |  Height:  |  Size: 345 B

View file

@ -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>

After

Width:  |  Height:  |  Size: 381 B

View file

@ -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>

After

Width:  |  Height:  |  Size: 382 B

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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

View file

@ -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

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>