Implement `direction` property (#906)
1<test name="grid_justify_self_rtl__content_box_ltr" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div display="grid" box-sizing="content-box" direction="rtl" width="100px" grid-template-columns="100px">
5 <div box-sizing="content-box" direction="ltr" justify-self="start" width="20px" height="10px"/>
6 <div box-sizing="content-box" direction="ltr" justify-self="end" width="20px" height="10px"/>
7 <div box-sizing="content-box" direction="ltr" justify-self="center" width="20px" height="10px"/>
8 <div box-sizing="content-box" direction="ltr" justify-self="stretch" width="20px" height="10px"/>
9 </div>
10 </input>
11 <expectations>
12 <node x="0" y="0" width="100" height="40">
13 <node x="80" y="0" width="20" height="10"/>
14 <node x="0" y="10" width="20" height="10"/>
15 <node x="40" y="20" width="20" height="10"/>
16 <node x="80" y="30" width="20" height="10"/>
17 </node>
18 </expectations>
19</test>