mirror of
https://github.com/servo/servo.git
synced 2025-08-03 12:40:06 +01:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
parent
9aa1b1e408
commit
35c74aecc2
11290 changed files with 92400 additions and 49214 deletions
|
@ -46,7 +46,7 @@
|
|||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
@ -62,4 +62,5 @@
|
|||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
|
@ -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" />
|
||||
|
|
|
@ -37,6 +37,6 @@
|
|||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
<div id="cover"></div>
|
||||
<div id="cover"></div>
|
||||
|
||||
</body></html>
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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{
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
.test > span {
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
|
||||
#column {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
@ -35,4 +35,5 @@
|
|||
<span>C</span><span>B</span><span>A</span>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -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>
|
|
@ -15,7 +15,7 @@
|
|||
.test > span {
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
|
||||
#row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
@ -34,4 +34,5 @@
|
|||
<span>C</span><span>B</span><span>A</span>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -21,7 +21,7 @@
|
|||
width: 1em;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
|
||||
#row-ltr {
|
||||
direction: ltr;
|
||||
}
|
||||
|
@ -42,4 +42,5 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -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>
|
|
@ -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";
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
height: 200px;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
height: 200px;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
height: 200px;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
height: 200px;
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-direction: row;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -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>div.flex {
|
||||
width: 100px;
|
||||
width: 100px;
|
||||
background:red;
|
||||
}
|
||||
#test>div.fixed
|
||||
{
|
||||
#test>div.fixed
|
||||
{
|
||||
height: 300px;
|
||||
flex:1;
|
||||
background:red;
|
||||
}
|
||||
#test p
|
||||
#test p
|
||||
{
|
||||
margin:200px 0 0 0;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -10,8 +10,8 @@
|
|||
#test{
|
||||
width: 120px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-wrap: nowrap;
|
||||
flex-wrap: wrap;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
#test{
|
||||
width: 120px;
|
||||
display: flex;
|
||||
flex-wrap: wrap-reverse;
|
||||
flex-wrap: wrap-reverse;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
div#test{
|
||||
width: 120px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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
Loading…
Add table
Add a link
Reference in a new issue