Implement `direction` property (#906)
1<test name="grid_margins_percent_stretch__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="ltr" grid-template-rows="40px 40px 40px" grid-template-columns="20px 20px 20px">
5 <div box-sizing="content-box" direction="ltr" align-self="stretch" justify-self="stretch" width="20px" height="20px" margin-top="5%" margin-left="20%" margin-bottom="15%" margin-right="10%"/>
6 <div box-sizing="content-box" direction="ltr"/>
7 <div box-sizing="content-box" direction="ltr"/>
8 <div box-sizing="content-box" direction="ltr"/>
9 <div box-sizing="content-box" direction="ltr"/>
10 <div box-sizing="content-box" direction="ltr"/>
11 </div>
12 </input>
13 <expectations>
14 <node x="0" y="0" width="60" height="120">
15 <node x="4" y="1" width="20" height="20"/>
16 <node x="20" y="0" width="20" height="40"/>
17 <node x="40" y="0" width="20" height="40"/>
18 <node x="0" y="40" width="20" height="40"/>
19 <node x="20" y="40" width="20" height="40"/>
20 <node x="40" y="40" width="20" height="40"/>
21 </node>
22 </expectations>
23</test>