3 <link href=
"resources/flexbox.css" rel=
"stylesheet">
6 border:
5px solid green;
12 border:
5px solid green;
18 border:
1px solid red;
25 -webkit-writing-mode: vertical-rl;
28 <script src=
"../../resources/check-layout.js"></script>
29 <body onload=
"checkLayout('.flexbox'); checkLayout('.inline-flexbox')">
30 <div class=
"flexbox" data-expected-height=
"47">
31 <div class=
"overflow"><div style=
"width: 100px; height: 20px"></div></div>
34 <div class=
"flexbox row-reverse" data-expected-height=
"47">
35 <div class=
"overflow"><div style=
"width: 100px; height: 20px"></div></div>
38 <div class=
"flexbox vertical" data-expected-height=
"32">
39 <div class=
"overflow"><div style=
"width: 100px; height: 20px"></div></div>
42 <div class=
"flexbox row-reverse vertical" data-expected-height=
"32">
43 <div class=
"overflow"><div style=
"width: 100px; height: 20px"></div></div>
46 <div class=
"flexbox" data-expected-height=
"47">
47 <div class=
"overflow align-self-baseline"><div style=
"width: 100px; height: 20px"></div></div>
50 <div class=
"flexbox row-reverse" data-expected-height=
"47">
51 <div class=
"overflow align-self-baseline"><div style=
"width: 100px; height: 20px"></div></div>
54 <div class=
"flexbox vertical" data-expected-height=
"32">
55 <div class=
"overflow align-self-baseline"><div style=
"width: 100px; height: 20px"></div></div>
58 <div class=
"flexbox row-reverse vertical" data-expected-height=
"32">
59 <div class=
"overflow align-self-baseline"><div style=
"width: 100px; height: 20px"></div></div>
62 <div class=
"inline-flexbox column" data-expected-width=
"32">
63 <div class=
"overflow"><div style=
"width: 20px; height: 100px"></div></div>
66 <div class=
"inline-flexbox column-reverse" data-expected-width=
"32">
67 <div class=
"overflow"><div style=
"width: 20px; height: 100px"></div></div>
70 <div class=
"inline-flexbox column vertical" data-expected-width=
"47">
71 <div class=
"overflow"><div style=
"width: 20px; height: 100px"></div></div>
74 <div class=
"inline-flexbox column-reverse vertical" data-expected-width=
"47">
75 <div class=
"overflow"><div style=
"width: 20px; height: 100px"></div></div>
78 <div class=
"inline-flexbox column" data-expected-width=
"32">
79 <div class=
"overflow align-self-baseline"><div style=
"width: 20px; height: 100px"></div></div>
82 <div class=
"inline-flexbox column-reverse" data-expected-width=
"32">
83 <div class=
"overflow align-self-baseline"><div style=
"width: 20px; height: 100px"></div></div>
86 <div class=
"inline-flexbox column vertical" data-expected-width=
"32">
87 <div class=
"overflow align-self-baseline"><div style=
"width: 20px; height: 100px"></div></div>
90 <div class=
"inline-flexbox column-reverse vertical" data-expected-width=
"32">
91 <div class=
"overflow align-self-baseline"><div style=
"width: 20px; height: 100px"></div></div>