Implement `direction` property (#906)
1<test name="grid_auto_columns__content_box_rtl" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div display="grid" box-sizing="content-box" direction="rtl" grid-auto-flow="column" grid-template-rows="100px" grid-template-columns="40px" grid-auto-columns="10px 20px 30px">
5 <div box-sizing="content-box" direction="rtl" grid-column-start="-3"/>
6 <div box-sizing="content-box" direction="rtl"/>
7 <div box-sizing="content-box" direction="rtl"/>
8 <div box-sizing="content-box" direction="rtl"/>
9 <div box-sizing="content-box" direction="rtl"/>
10 <div box-sizing="content-box" direction="rtl"/>
11 <div box-sizing="content-box" direction="rtl"/>
12 <div box-sizing="content-box" direction="rtl"/>
13 </div>
14 </input>
15 <expectations>
16 <node x="0" y="0" width="190" height="100">
17 <node x="160" y="0" width="30" height="100"/>
18 <node x="120" y="0" width="40" height="100"/>
19 <node x="110" y="0" width="10" height="100"/>
20 <node x="90" y="0" width="20" height="100"/>
21 <node x="60" y="0" width="30" height="100"/>
22 <node x="50" y="0" width="10" height="100"/>
23 <node x="30" y="0" width="20" height="100"/>
24 <node x="0" y="0" width="30" height="100"/>
25 </node>
26 </expectations>
27</test>