gecko-dev/layout/reftests/svg/background-svg-without-width.html
Mantaroh Yoshinaga db3f7ef36c Bug 1338042 - Compute a missing width/height from the aspect ratio and the other dimension. r=longsonr+218550
MozReview-Commit-ID: 7mg0xzJWMQs

--HG--
extra : rebase_source : c69539ec99da0ce6e6d4767677859af93407f0b8
2017-02-23 17:03:35 +09:00

19 lines
477 B
HTML

<!doctype html>
<meta charset=utf-8>
<style>
.bgsvg {
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32' viewBox='0 0 16 32'%3E%3Crect x='0' y='16' width='16' height='16' fill='purple'/%3E%3C/svg%3E") no-repeat;
background-size: contain;
width: 100px;
height: auto;
margin: auto;
position: relative;
}
.bgsvg::after {
content: ' ';
display: block;
padding-bottom: 200%;
}
</style>
<div class="bgsvg"></div>