3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
8 <title>CSS Test: Testing definite placement of grid items with 'order'
</title>
9 <link rel=
"author" title=
"Mats Palmgren" href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=1107786">
10 <style type=
"text/css">
11 body
,html
{ color:black
; background:white
; font-size:12px; padding:0; margin:0; }
16 grid-template-columns: 20px 20px 20px 20px;
18 grid-auto-columns: 23px;
20 padding: 17px 7px 11px 11px;
25 .a { left:73px; right:3px; background:lime
; }
26 .b { left:53px; right:3px; background:pink
; }
27 .c { left:33px; right:3px; background:yellow
; }
28 .d { left:13px; right:3px; background:silver
; }
36 x
{ background:black
; order:99; float:right
; }
37 .f2 { background:white
; }
38 .f2 span { opacity: 0.5; }
46 <span class=
"d">d
</span>
47 <span class=
"c">c
</span>
48 <span class=
"b">b
</span>
49 <span class=
"a">a
</span>
53 <span class=
"d">d
</span>
54 <span class=
"c">c
</span>
55 <span class=
"b">b
</span>
56 <span class=
"a">a
</span>
62 var f
= document
.querySelector('f');
63 var f2
= f
.cloneNode(true);
65 document
.body
.appendChild(f2
);