Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef

This commit is contained in:
Ms2ger 2015-12-09 01:48:05 -05:00
parent 9aa1b1e408
commit 35c74aecc2
11290 changed files with 92400 additions and 49214 deletions

View file

@ -46,7 +46,7 @@
</style>
</head>
<body>
@ -62,4 +62,5 @@
</body></html>

View file

@ -2,7 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: A multi-line flex container with the 'align-content' property set to 'center'</title>
<link href="http://www.microsoft.com/" rel="author" title="Microsoft" />
<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" />
<link href="reference/align-content-001-ref.xht" rel="match" />
<meta content="" name="flags" />

View file

@ -37,6 +37,6 @@
<div></div>
<div></div>
</div>
<div id="cover"></div>
<div id="cover"></div>
</body></html>

View file

@ -31,7 +31,7 @@
}
</style>
</head><body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="test">
<div></div>
<div></div>

View file

@ -30,7 +30,7 @@
}
</style>
</head><body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="test">
<div></div>
<div></div>

View file

@ -36,7 +36,7 @@
}
</style>
</head><body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="test">
<div></div>
<div></div>

View file

@ -306,7 +306,7 @@
<tr id="flexbox_computedstyle_flex-direction-column-2.#flex-direction" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-direction-column.xht">flexbox_computedstyle_flex-direction-column</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-direction: column
</td>
@ -314,7 +314,7 @@
<tr id="flexbox_computedstyle_flex-direction-column-reverse-2.#flex-direction" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-direction-column-reverse.xht">flexbox_computedstyle_flex-direction-column-reverse</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-direction: column-reverse
</td>
@ -322,7 +322,7 @@
<tr id="flexbox_computedstyle_flex-direction-invalid-2.#flex-direction" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-direction-invalid.xht">flexbox_computedstyle_flex-direction-invalid</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-direction: row
</td>
@ -330,7 +330,7 @@
<tr id="flexbox_computedstyle_flex-direction-row-2.#flex-direction" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-direction-row.xht">flexbox_computedstyle_flex-direction-row</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-direction: row
</td>
@ -338,7 +338,7 @@
<tr id="flexbox_computedstyle_flex-direction-row-reverse-2.#flex-direction" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-direction-row-reverse.xht">flexbox_computedstyle_flex-direction-row-reverse</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-direction: row-reverse
</td>

View file

@ -183,7 +183,7 @@
<tr id="flexbox_computedstyle_display-3" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_display.xht">flexbox_computedstyle_display</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | display: flex
</td>
@ -191,7 +191,7 @@
<tr id="flexbox_computedstyle_display-inline-3" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_display-inline.xht">flexbox_computedstyle_display-inline</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | display: inline-flex
</td>

View file

@ -727,7 +727,7 @@
<tr id="flexbox_computedstyle_min-height-auto-4.5" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_min-height-auto.xht">flexbox_computedstyle_min-height-auto</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | min-height: auto
</td>
@ -735,7 +735,7 @@
<tr id="flexbox_computedstyle_min-width-auto-4.5" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_min-width-auto.xht">flexbox_computedstyle_min-width-auto</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | min-width: auto
</td>

View file

@ -350,7 +350,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-5.1.#valdef-flex-direction-column" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column
</td>
@ -358,7 +358,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.1.#valdef-flex-direction-column" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column nowrap
</td>
@ -366,7 +366,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-wrap-5.1.#valdef-flex-direction-column" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column wrap
</td>
@ -374,7 +374,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.1.#valdef-flex-direction-column" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column wrap-reverse
</td>
@ -401,7 +401,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-reverse-5.1.#valdef-flex-direction-column-reverse" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse
</td>
@ -409,7 +409,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.1.#valdef-flex-direction-column-reverse" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse nowrap
</td>
@ -417,7 +417,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.1.#valdef-flex-direction-column-reverse" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse wrap
</td>
@ -444,7 +444,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-5.1.#valdef-flex-direction-row" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row
</td>
@ -452,7 +452,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.1.#valdef-flex-direction-row" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row nowrap
</td>
@ -460,7 +460,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-wrap-5.1.#valdef-flex-direction-row" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row wrap
</td>
@ -468,7 +468,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.1.#valdef-flex-direction-row" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row wrap-reverse
</td>
@ -479,7 +479,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse
</td>
@ -487,7 +487,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.1.#valdef-flex-direction-row-reverse" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse nowrap
</td>
@ -495,7 +495,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.1.#valdef-flex-direction-row-reverse" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse wrap
</td>
@ -503,7 +503,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.1.#valdef-flex-direction-row-reverse" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse wrap-reverse
</td>
@ -832,7 +832,7 @@
<tr id="flexbox_computedstyle_flex-wrap-invalid-5.2.#propdef-flex-wrap" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-wrap-invalid.xht">flexbox_computedstyle_flex-wrap-invalid</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-wrap: wrap
</td>
@ -840,7 +840,7 @@
<tr id="flexbox_computedstyle_flex-wrap-nowrap-5.2.#propdef-flex-wrap" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-wrap-nowrap.xht">flexbox_computedstyle_flex-wrap-nowrap</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-wrap: nowrap
</td>
@ -848,7 +848,7 @@
<tr id="flexbox_computedstyle_flex-wrap-wrap-5.2.#propdef-flex-wrap" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-wrap-wrap.xht">flexbox_computedstyle_flex-wrap-wrap</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-wrap: wrap
</td>
@ -856,7 +856,7 @@
<tr id="flexbox_computedstyle_flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-wrap-wrap-reverse.xht">flexbox_computedstyle_flex-wrap-wrap-reverse</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-wrap: wrap-reverse
</td>
@ -965,7 +965,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column nowrap
</td>
@ -973,7 +973,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse nowrap
</td>
@ -981,7 +981,7 @@
<tr id="flexbox_computedstyle_flex-flow-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: nowrap
</td>
@ -989,7 +989,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row nowrap
</td>
@ -997,7 +997,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.2.#valdef-flex-wrap-nowrap" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse nowrap
</td>
@ -1008,7 +1008,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse wrap
</td>
@ -1016,7 +1016,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column wrap
</td>
@ -1024,7 +1024,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse wrap
</td>
@ -1032,7 +1032,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row wrap
</td>
@ -1040,7 +1040,7 @@
<tr id="flexbox_computedstyle_flex-flow-wrap-5.2.#valdef-flex-wrap-wrap" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: wrap
</td>
@ -1059,7 +1059,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column wrap-reverse
</td>
@ -1067,7 +1067,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse wrap-reverse
</td>
@ -1075,7 +1075,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.2.#valdef-flex-wrap-wrap-reverse" class="dom">
<td>
<a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row wrap-reverse
</td>
@ -1421,7 +1421,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column
</td>
@ -1429,7 +1429,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column nowrap
</td>
@ -1437,7 +1437,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-reverse-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse
</td>
@ -1445,7 +1445,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse nowrap
</td>
@ -1453,7 +1453,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column-reverse wrap
</td>
@ -1461,7 +1461,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-wrap-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column wrap
</td>
@ -1469,7 +1469,7 @@
<tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: column wrap-reverse
</td>
@ -1477,7 +1477,7 @@
<tr id="flexbox_computedstyle_flex-flow-nowrap-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: nowrap
</td>
@ -1485,7 +1485,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row
</td>
@ -1493,7 +1493,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row nowrap
</td>
@ -1501,7 +1501,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-reverse-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse
</td>
@ -1509,7 +1509,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse nowrap
</td>
@ -1517,7 +1517,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse wrap
</td>
@ -1525,7 +1525,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row-reverse wrap-reverse
</td>
@ -1533,7 +1533,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-wrap-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row wrap
</td>
@ -1541,7 +1541,7 @@
<tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: row wrap-reverse
</td>
@ -1549,7 +1549,7 @@
<tr id="flexbox_computedstyle_flex-flow-wrap-5.3.#propdef-flex-flow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-flow: wrap
</td>
@ -1837,7 +1837,7 @@
<tr id="flexbox_computedstyle_order-5.4.#propdef-order" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_order.xht">flexbox_computedstyle_order</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | order: 0
</td>
@ -1845,7 +1845,7 @@
<tr id="flexbox_computedstyle_order-inherit-5.4.#propdef-order" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_order-inherit.xht">flexbox_computedstyle_order-inherit</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | order: -1
</td>
@ -1853,7 +1853,7 @@
<tr id="flexbox_computedstyle_order-integer-5.4.#propdef-order" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_order-integer.xht">flexbox_computedstyle_order-integer</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | order: integer
</td>
@ -1861,7 +1861,7 @@
<tr id="flexbox_computedstyle_order-invalid-5.4.#propdef-order" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_order-invalid.xht">flexbox_computedstyle_order-invalid</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | order: noninteger
</td>
@ -1869,7 +1869,7 @@
<tr id="flexbox_computedstyle_order-negative-5.4.#propdef-order" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_order-negative.xht">flexbox_computedstyle_order-negative</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | order: -1
</td>

View file

@ -877,7 +877,7 @@
<tr id="flexbox_computedstyle_flex-shorthand-7.1.#propdef-flex" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-shorthand.xht">flexbox_computedstyle_flex-shorthand</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex: invalid
</td>
@ -885,7 +885,7 @@
<tr id="flexbox_computedstyle_flex-shorthand-0-auto-7.1.#propdef-flex" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-shorthand-0-auto.xht">flexbox_computedstyle_flex-shorthand-0-auto</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex: 0 auto
</td>
@ -893,7 +893,7 @@
<tr id="flexbox_computedstyle_flex-shorthand-auto-7.1.#propdef-flex" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-shorthand-auto.xht">flexbox_computedstyle_flex-shorthand-auto</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex: auto
</td>
@ -901,7 +901,7 @@
<tr id="flexbox_computedstyle_flex-shorthand-initial-7.1.#propdef-flex" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-shorthand-initial.xht">flexbox_computedstyle_flex-shorthand-initial</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex: initial
</td>
@ -909,7 +909,7 @@
<tr id="flexbox_computedstyle_flex-shorthand-invalid-7.1.#propdef-flex" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-shorthand-invalid.xht">flexbox_computedstyle_flex-shorthand-invalid</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex: invalid
</td>
@ -917,7 +917,7 @@
<tr id="flexbox_computedstyle_flex-shorthand-none-7.1.#propdef-flex" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-shorthand-none.xht">flexbox_computedstyle_flex-shorthand-none</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex: auto
</td>
@ -925,7 +925,7 @@
<tr id="flexbox_computedstyle_flex-shorthand-number-7.1.#propdef-flex" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-shorthand-number.xht">flexbox_computedstyle_flex-shorthand-number</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex: number
</td>
@ -1108,7 +1108,7 @@
<tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-grow-0.xht">flexbox_computedstyle_flex-grow-0</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-grow: 0
</td>
@ -1116,7 +1116,7 @@
<tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-grow-invalid.xht">flexbox_computedstyle_flex-grow-invalid</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-grow: negative
</td>
@ -1124,7 +1124,7 @@
<tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-grow-number.xht">flexbox_computedstyle_flex-grow-number</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-grow: number
</td>
@ -1229,7 +1229,7 @@
<tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-shrink-0.xht">flexbox_computedstyle_flex-shrink-0</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-shrink: 0
</td>
@ -1237,7 +1237,7 @@
<tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-shrink-invalid.xht">flexbox_computedstyle_flex-shrink-invalid</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-shrink: negative
</td>
@ -1245,7 +1245,7 @@
<tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-shrink-number.xht">flexbox_computedstyle_flex-shrink-number</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-shrink: number
</td>
@ -1278,7 +1278,7 @@
<tr id="flexbox_computedstyle_flex-basis-0-7.2.3" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-basis-0.xht">flexbox_computedstyle_flex-basis-0</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-basis: 0
</td>
@ -1286,7 +1286,7 @@
<tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-basis-0percent.xht">flexbox_computedstyle_flex-basis-0percent</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-basis: 0%
</td>
@ -1294,7 +1294,7 @@
<tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-basis-auto.xht">flexbox_computedstyle_flex-basis-auto</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-basis: auto
</td>
@ -1302,7 +1302,7 @@
<tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_flex-basis-percent.xht">flexbox_computedstyle_flex-basis-percent</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | flex-basis: percent
</td>

View file

@ -225,7 +225,7 @@
<tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_justify-content-center.xht">flexbox_computedstyle_justify-content-center</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | justify-content: center
</td>
@ -233,7 +233,7 @@
<tr id="flexbox_computedstyle_justify-content-flex-end-8.2.#propdef-justify-content" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_justify-content-flex-end.xht">flexbox_computedstyle_justify-content-flex-end</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | justify-content: flex-end
</td>
@ -241,7 +241,7 @@
<tr id="flexbox_computedstyle_justify-content-flex-start-8.2.#propdef-justify-content" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_justify-content-flex-start.xht">flexbox_computedstyle_justify-content-flex-start</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | justify-content: flex-start
</td>
@ -249,7 +249,7 @@
<tr id="flexbox_computedstyle_justify-content-space-around-8.2.#propdef-justify-content" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_justify-content-space-around.xht">flexbox_computedstyle_justify-content-space-around</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | justify-content: space-around
</td>
@ -257,7 +257,7 @@
<tr id="flexbox_computedstyle_justify-content-space-between-8.2.#propdef-justify-content" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_justify-content-space-between.xht">flexbox_computedstyle_justify-content-space-between</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | justify-content: space-between
</td>
@ -1056,7 +1056,7 @@
<tr id="flexbox_computedstyle_align-items-baseline-8.3.#propdef-align-items" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-items-baseline.xht">flexbox_computedstyle_align-items-baseline</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-items: baseline
</td>
@ -1064,7 +1064,7 @@
<tr id="flexbox_computedstyle_align-items-center-8.3.#propdef-align-items" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-items-center.xht">flexbox_computedstyle_align-items-center</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-items: center
</td>
@ -1072,7 +1072,7 @@
<tr id="flexbox_computedstyle_align-items-flex-end-8.3.#propdef-align-items" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-items-flex-end.xht">flexbox_computedstyle_align-items-flex-end</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-items: flex-end
</td>
@ -1080,7 +1080,7 @@
<tr id="flexbox_computedstyle_align-items-flex-start-8.3.#propdef-align-items" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-items-flex-start.xht">flexbox_computedstyle_align-items-flex-start</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-items: flex-start
</td>
@ -1088,7 +1088,7 @@
<tr id="flexbox_computedstyle_align-items-invalid-8.3.#propdef-align-items" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-items-invalid.xht">flexbox_computedstyle_align-items-invalid</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-items: invalid
</td>
@ -1096,7 +1096,7 @@
<tr id="flexbox_computedstyle_align-items-stretch-8.3.#propdef-align-items" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-items-stretch.xht">flexbox_computedstyle_align-items-stretch</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-items: stretch
</td>
@ -1250,7 +1250,7 @@
<tr id="flexbox_computedstyle_align-self-baseline-8.3.#propdef-align-self" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-self-baseline.xht">flexbox_computedstyle_align-self-baseline</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-self: baseline
</td>
@ -1258,7 +1258,7 @@
<tr id="flexbox_computedstyle_align-self-center-8.3.#propdef-align-self" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-self-center.xht">flexbox_computedstyle_align-self-center</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-self: center
</td>
@ -1266,7 +1266,7 @@
<tr id="flexbox_computedstyle_align-self-flex-end-8.3.#propdef-align-self" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-self-flex-end.xht">flexbox_computedstyle_align-self-flex-end</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-self: flex-end
</td>
@ -1274,7 +1274,7 @@
<tr id="flexbox_computedstyle_align-self-flex-start-8.3.#propdef-align-self" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-self-flex-start.xht">flexbox_computedstyle_align-self-flex-start</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-self: flex-start
</td>
@ -1282,7 +1282,7 @@
<tr id="flexbox_computedstyle_align-self-invalid-8.3.#propdef-align-self" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-self-invalid.xht">flexbox_computedstyle_align-self-invalid</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-self: invalid
</td>
@ -1290,7 +1290,7 @@
<tr id="flexbox_computedstyle_align-self-stretch-8.3.#propdef-align-self" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-self-stretch.xht">flexbox_computedstyle_align-self-stretch</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-self: stretch
</td>
@ -1561,7 +1561,7 @@
<tr id="flexbox_computedstyle_align-content-center-8.4" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-content-center.xht">flexbox_computedstyle_align-content-center</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-content: center
</td>
@ -1569,7 +1569,7 @@
<tr id="flexbox_computedstyle_align-content-flex-end-8.4" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-content-flex-end.xht">flexbox_computedstyle_align-content-flex-end</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-content: flex-end
</td>
@ -1577,7 +1577,7 @@
<tr id="flexbox_computedstyle_align-content-flex-start-8.4" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-content-flex-start.xht">flexbox_computedstyle_align-content-flex-start</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-content: flex-start
</td>
@ -1585,7 +1585,7 @@
<tr id="flexbox_computedstyle_align-content-space-around-8.4" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-content-space-around.xht">flexbox_computedstyle_align-content-space-around</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-content: space-around
</td>
@ -1593,7 +1593,7 @@
<tr id="flexbox_computedstyle_align-content-space-between-8.4" class="primary dom">
<td><strong>
<a href="flexbox_computedstyle_align-content-space-between.xht">flexbox_computedstyle_align-content-space-between</a></strong></td>
<td></td>
<td><a href="reference/ref-pass-body.xht">=</a> </td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
<td>flexbox | computed style | align-content: space-between
</td>

View file

@ -9,8 +9,8 @@
background: green;
width: 300px;
height: 40px;
display: flex;
flex-flow: row;
display: flex;
flex-flow: row;
justify-content: flex-end;
}
.item{

View file

@ -10,7 +10,7 @@
<meta content="" name="flags" />
<meta content="3 rectangular images fill out border." name="assert" />
<style type="text/css">
/* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */
div.flexbox {
height: 50px;
@ -24,19 +24,19 @@
background: purple;
border: 1px solid white;
}
</style>
</head>
<body>
<p>3 rectangular images fill out border.</p>
<!-- PAGE CONTENT -->
<div class="flexbox">
<img src="support/solidblue.png" />
<img src="support/solidblue.png" />
<img src="support/solidblue.png" />
</div>
</body></html>

View file

@ -7,7 +7,7 @@
<meta content="" name="flags" />
<meta content="the test passes if you see green box." name="assert" />
<style type="text/css">
.flex-box {
position: relative;
display: flex;
@ -30,7 +30,7 @@
background-color: red;
z-index: -1;
}
</style>
</head>
<body>

View file

@ -16,7 +16,7 @@
.test &gt; span {
height: 1em;
}
#column {
flex-direction: column;
}
@ -35,4 +35,5 @@
<span>C</span><span>B</span><span>A</span>
</div>
</body></html>

View file

@ -19,16 +19,16 @@
line-height: 50px;
text-align: center;
}
.flex-container.flex-direction-row{
flex-direction : row;
}
.flex-container.flex-direction-row-reverse{
flex-direction : row-reverse;
}
.flex-container.flex-direction-column{
flex-direction : column;
}
@ -40,7 +40,7 @@
<body>
<h1>flex-direction:<span id="current_direction">row</span></h1>
<div class="flex-container" id="flex_container"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
<script>
var container = document.getElementById("flex_container");
var direction_text = document.getElementById("current_direction");
@ -50,11 +50,11 @@
container.className = baseClass + classPrefix + direction;
notify( direction );
}
function notify( direction ){
direction_text.innerHTML = direction;
}
change_direction("row");
change_direction("row-reverse");
change_direction("column");
@ -62,4 +62,5 @@
change_direction("row");
</script>
</body></html>

View file

@ -15,7 +15,7 @@
.test &gt; span {
width: 1em;
}
#row {
flex-direction: row;
}
@ -34,4 +34,5 @@
<span>C</span><span>B</span><span>A</span>
</div>
</body></html>

View file

@ -21,7 +21,7 @@
width: 1em;
direction: ltr;
}
#row-ltr {
direction: ltr;
}
@ -42,4 +42,5 @@
</div>
</div>
</body></html>

View file

@ -18,7 +18,7 @@
width: 1em;
direction: ltr;
}
#row-ltr {
direction: ltr;
}
@ -37,4 +37,5 @@
<span>C</span><span>B</span><span>A</span>
</div>
</body></html>

View file

@ -19,16 +19,16 @@
line-height: 50px;
text-align: center;
}
.flex-container.flex-direction-row{
flex-direction : row;
}
.flex-container.flex-direction-row-reverse{
flex-direction : row-reverse;
}
.flex-container.flex-direction-column{
flex-direction : column;
}
@ -40,23 +40,23 @@
<body>
<h1>flex-direction:row</h1>
<div class="flex-container flex-direction-row" id="flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
<h1>flex-direction:row-reverse</h1>
<div class="flex-container flex-direction-row-reverse" id="flex-direction-row-reverse"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
<h1>flex-direction:column</h1>
<div class="flex-container flex-direction-column" id="flex-direction-column"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
<h1>flex-direction:column-reverse</h1>
<div class="flex-container flex-direction-column-reverse" id="flex-direction-column-reverse"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
<script>
var ids = ['flex-direction-row',
'flex-direction-row-reverse',
'flex-direction-row-reverse',
'flex-direction-column',
'flex-direction-column-reverse'];
for( var i in ids ){
var new_element = document.createElement("div")
new_element.className="flex-item";

View file

@ -19,16 +19,16 @@
line-height: 50px;
text-align: center;
}
.flex-container.flex-direction-row{
flex-direction : row;
}
.flex-container.flex-direction-row-reverse{
flex-direction : row-reverse;
}
.flex-container.flex-direction-column{
flex-direction : column;
}
@ -40,13 +40,13 @@
<body>
<h1>flex-direction:row</h1>
<div class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
<h1>flex-direction:row-reverse</h1>
<div class="flex-container flex-direction-row-reverse"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
<h1>flex-direction:column</h1>
<div class="flex-container flex-direction-column"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>
<h1>flex-direction:column-reverse</h1>
<div class="flex-container flex-direction-column-reverse"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div>

View file

@ -11,7 +11,7 @@
height: 200px;
width: 200px;
display: flex;
flex-direction: column-reverse;
flex-direction: column-reverse;
}
</style>
</head>

View file

@ -11,7 +11,7 @@
height: 200px;
width: 200px;
display: flex;
flex-direction: column;
flex-direction: column;
}
</style>
</head>

View file

@ -11,7 +11,7 @@
height: 200px;
width: 200px;
display: flex;
flex-direction: row-reverse;
flex-direction: row-reverse;
}
</style>
</head>

View file

@ -11,7 +11,7 @@
height: 200px;
width: 200px;
display: flex;
flex-direction: row;
flex-direction: row;
}
</style>
</head>

View file

@ -7,23 +7,23 @@
<meta content="" name="flags" />
<meta content="margin should effect the orange box and green box need to align to bottom." name="assert" />
<style type="text/css">
#test
#test
{
background: blue;
display: flex;
height:300px;
}
#test&gt;div.flex {
width: 100px;
width: 100px;
background:red;
}
#test&gt;div.fixed
{
#test&gt;div.fixed
{
height: 300px;
flex:1;
background:red;
}
#test p
#test p
{
margin:200px 0 0 0;
}

View file

@ -7,7 +7,7 @@
<meta content="" name="flags" />
<meta content="no blue color could be seen." name="assert" />
<style type="text/css">
#test
#test
{
background: blue;
display: flex;

View file

@ -10,8 +10,8 @@
#test{
width: 120px;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
flex-wrap: wrap;
flex-wrap: nowrap;
}
</style>
</head>

View file

@ -10,7 +10,7 @@
#test{
width: 120px;
display: flex;
flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
</style>
</head>

View file

@ -10,7 +10,7 @@
div#test{
width: 120px;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
}
</style>
</head>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: center</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-content") ==
"center";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: flex-end</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-content") ==
"flex-end";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: flex-start</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-content") ==
"flex-start";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: space-around</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-content") ==
"space-around";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-content: space-between</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#align-content-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-content") ==
"space-between";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: baseline</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-items") ==
"baseline";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: center</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-items") ==
"center";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: flex-end</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-items") ==
"flex-end";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: flex-start</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-items") ==
"flex-start";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: invalid</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-items") ==
"stretch";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-items: stretch</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-items" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-items") ==
"stretch";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: baseline</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-self") ==
"baseline";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: center</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-self") ==
"center";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: flex-end</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-self") ==
"flex-end";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: flex-start</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-self") ==
"flex-start";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: invalid</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-self") ==
"stretch";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | align-self: stretch</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-self" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("align-self") ==
"stretch";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | display: inline-flex</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("display") ==
"inline-flex";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | display: flex</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("display") ==
"flex";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: 0</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-basis") ==
"0px";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: 0%</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-basis") ==
"0px";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: auto</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-basis") ==
"auto";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-basis: percent</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
html {
@ -23,6 +24,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-basis") ==
"100%";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: column-reverse</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-direction") ==
"column-reverse";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: column</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-direction") ==
"column";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: row</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-direction") ==
"row";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: row-reverse</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-direction") ==
"row-reverse";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-direction: row</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-direction" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-direction") ==
"row";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -4,6 +4,7 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -4,6 +4,7 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -4,6 +4,7 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -3,6 +3,7 @@
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column-reverse" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -21,6 +22,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -4,6 +4,7 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap-reverse");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -4,6 +4,7 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -3,6 +3,7 @@
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -21,6 +22,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -3,6 +3,7 @@
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -21,6 +22,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -4,6 +4,7 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -4,6 +4,7 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-nowrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -4,6 +4,7 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap-reverse");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -4,6 +4,7 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -3,6 +3,7 @@
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row-reverse" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -21,6 +22,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -4,6 +4,7 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap-reverse" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap-reverse");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -4,6 +4,7 @@
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -3,6 +3,7 @@
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-row" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -21,6 +22,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -3,6 +3,7 @@
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow" rel="help" />
<link href="http://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -21,6 +22,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-grow: 0</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-grow") ==
"0";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-grow: negative</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-grow") ==
"0";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-grow: number</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-grow") ==
"666";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: 0 auto</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-basis") ==
"auto");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: auto</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-basis") ==
"auto");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: initial</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-basis") ==
"auto");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: invalid</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-basis") ==
"auto");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: auto</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-basis") ==
"auto");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: number</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-basis") ==
"0px");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex: invalid</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-basis") ==
"666px");
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-shrink: 0</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-shrink") ==
"0";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-shrink: negative</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-shrink") ==
"1";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-shrink: number</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-shrink") ==
"666";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: wrap</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: nowrap</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"nowrap";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: wrap-reverse</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap-reverse";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | flex-wrap: wrap</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-flex-wrap" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("flex-wrap") ==
"wrap";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: center</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("justify-content") ==
"center";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: flex-end</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("justify-content") ==
"flex-end";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: flex-start</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("justify-content") ==
"flex-start";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: space-around</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("justify-content") ==
"space-around";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | justify-content: space-between</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#propdef-justify-content" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
body {
@ -18,6 +19,5 @@ body {
getComputedStyle(body).getPropertyValue("justify-content") ==
"space-between";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,12 +2,13 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | min-height: auto</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
html {
display: flex;
flex-direction: column;
}
}
body {
color: red;
min-height: auto;
@ -22,6 +23,5 @@ body {
getComputedStyle(body).getPropertyValue("min-height") ==
"auto";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

View file

@ -2,11 +2,12 @@
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | computed style | min-width: auto</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto" rel="help" />
<link href="reference/ref-pass-body.xht" rel="match" />
<meta content="dom" name="flags" />
<style>
html {
display: flex;
}
}
body {
color: red;
min-width: auto;
@ -21,6 +22,5 @@ body {
getComputedStyle(body).getPropertyValue("min-width") ==
"auto";
body.textContent = body.className = passed ? "PASS" : "FAIL";
try{top.opener.rr(passed)}catch(e){}
</script>
</body></html>

Some files were not shown because too many files have changed in this diff Show more