3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
8 <title>Reference: 'stretch' of image with zero ratio
</title>
9 <link rel=
"author" title=
"Mats Palmgren" href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=1315857">
10 <style type=
"text/css">
11 body
,html
{ color:black
; background:white
; font:16px/1 monospace
; padding:0; margin:0; }
16 grid: auto-flow
18px / 22px 30px 22px 30px 22px 30px 22px 30px 22px 22px 22px 22px;
20 img:nth-child
(1n) { background: blue
; }
21 img:nth-child
(2n) { background: grey
; }
22 img:nth-child
(3n) { background: tan
; }
23 img:nth-child
(4n) { background: black
; }
28 .jend { justify-self: end
; }
29 .aend { align-self: end
; }
30 .end { justify-self: end
; align-self: end
; }
50 <div class=
"grid sz t2">
65 <div class=
"grid" style=
"grid-template-columns: 22px 30px 22px 30px 22px 30px 22px 30px 15px">
76 <div class=
"grid" style=
"grid:auto/auto auto">
83 <div class=
"grid" style=
"grid:minmax(auto,30px) 30px/auto auto">
91 var url
= 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="0px" height="16px"><circle cx="50%" cy="50%" r="50%" fill="pink"/></svg>'
135 var imgs
= document
.querySelectorAll('img');
136 for (var i
= 0; i
< imgs
.length
; ++i
) {
138 img
.style
.width
= imgSizes
[i
][0];
139 img
.style
.height
= imgSizes
[i
][1];