5 <title>object-fit on objects
</title>
6 <style type=
"text/css">
13 border: 1px solid black
;
14 background-color: gray
;
17 .group > * > * { display: block
; }
18 .group > *:nth-child(1) * { width:100%; height:100%; }
19 .group > *:nth-child(2) * { width:100%; margin-top:25%; }
20 .group > *:nth-child(3) * { height:100%; margin-left:-50%; }
21 .group > *:nth-child(4) * { width:288px; margin-left:-108px; margin-top:-36px; }
22 .group > *:nth-child(5) * { width:100%; margin-top:25%; }
23 .group > *:nth-child(6) * { width:100%; margin-top:25%; }
24 .group > *:nth-child(7) * { width:100%; height:100%; }
30 <div><object data=
"resources/circles-landscape.png"></object></div>
31 <div><object data=
"resources/circles-landscape.png"></object></div>
32 <div><object data=
"resources/circles-landscape.png"></object></div>
33 <div><object data=
"resources/circles-landscape.png"></object></div>
34 <div><object data=
"resources/circles-landscape.png"></object></div>
35 <div><object data=
"resources/circles-landscape.png"></object></div>
36 <div><object data=
"resources/circles-landscape.png"></object></div>