gecko-dev/layout/reftests/backgrounds/background-size-contain-position-fifty-fifty.html

<!DOCTYPE html>
<html>
<head>
  <title>background-size: contain; background-position: 50% 50%</title>
  <style type="text/css">
#outer
{
  border: 1px solid black;
  width: 64px;
  height: 128px;
}
#inner
{
  width: 64px;
  height: 128px;
  background-image: url(aqua-32x32.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
  </style>
</head>
<body>
<div id="outer"><div id="inner"></div></div>
</body>
</html>
Bug 189519 - Implement CSS3 (-moz- for now)background-size. r=dbaron, other useful review comments from roc/bz 2009-05-28 18:09:05 +00:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<title>background-size: contain; background-position: 50% 50%</title>`
			`<style type="text/css">`
			`#outer`
			`{`
			`border: 1px solid black;`
			`width: 64px;`
			`height: 128px;`
			`}`
			`#inner`
			`{`
			`width: 64px;`
			`height: 128px;`
			`background-image: url(aqua-32x32.png);`
			`background-repeat: no-repeat;`
Rename -moz-background-size to background-size. (Bug 549809) r=roc 2010-06-09 01:44:33 +00:00			`background-size: contain;`
Bug 189519 - Implement CSS3 (-moz- for now)background-size. r=dbaron, other useful review comments from roc/bz 2009-05-28 18:09:05 +00:00			`background-position: 50% 50%;`
			`}`
			`</style>`
			`</head>`
			`<body>`
			`<div id="outer"><div id="inner"></div></div>`
			`</body>`
			`</html>`