diff options
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev/xhtml1')
34 files changed, 2659 insertions, 1897 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-1.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-1.xht index e666d4aadaa..7184f7e25bc 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-1.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-1.xht @@ -30,7 +30,7 @@ <tbody id="s1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#intro">1 Introduction</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#intro">1 Introduction</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s1.#flex-layout"> @@ -39,17 +39,17 @@ <tbody id="s1.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s1.1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#overview">1.1 Overview</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#overview">1.1 Overview</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s1.2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s1.2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#placement">1.2 Module interactions</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#placement">1.2 Module interactions</a></th></tr> <!-- 1 tests --> - <tr id="flexbox_first-line-1.2" class="primary"> - <td><strong> - <a href="flexbox_first-line.xht">flexbox_first-line</a></strong></td> + <tr id="flexbox_first-line-1.2" class=""> + <td> + <a href="flexbox_first-line.xht">flexbox_first-line</a></td> <td><a href="reference/flexbox_first-line-ref.xht">=</a> </td> <td></td> <td>flexbox | first-line diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-10.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-10.xht index 5698a6995a2..341190dd8fc 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-10.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-10.xht @@ -30,123 +30,123 @@ <tbody id="s10"> <tr><th colspan="4" scope="rowgroup"> <a href="#s10">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#pagination">10 Fragmenting Flex Layout</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#pagination">10 Fragmenting Flex Layout</a></th></tr> <!-- 16 tests --> - <tr id="flexbox_interactive_break-after-column-item-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_break-after-column-item.xht">flexbox_interactive_break-after-column-item</a></strong></td> + <tr id="flexbox_interactive_break-after-column-item-10" class="interact paged"> + <td> + <a href="flexbox_interactive_break-after-column-item.xht">flexbox_interactive_break-after-column-item</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | break-after, column, item </td> </tr> - <tr id="flexbox_interactive_break-after-column-lastitem-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_break-after-column-lastitem.xht">flexbox_interactive_break-after-column-lastitem</a></strong></td> + <tr id="flexbox_interactive_break-after-column-lastitem-10" class="interact paged"> + <td> + <a href="flexbox_interactive_break-after-column-lastitem.xht">flexbox_interactive_break-after-column-lastitem</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | break-after, column, item </td> </tr> - <tr id="flexbox_interactive_break-after-container-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_break-after-container.xht">flexbox_interactive_break-after-container</a></strong></td> + <tr id="flexbox_interactive_break-after-container-10" class="interact paged"> + <td> + <a href="flexbox_interactive_break-after-container.xht">flexbox_interactive_break-after-container</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | break-after, singleline, container </td> </tr> - <tr id="flexbox_interactive_break-after-item-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_break-after-item.xht">flexbox_interactive_break-after-item</a></strong></td> + <tr id="flexbox_interactive_break-after-item-10" class="interact paged"> + <td> + <a href="flexbox_interactive_break-after-item.xht">flexbox_interactive_break-after-item</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | break-after, singleline, item </td> </tr> - <tr id="flexbox_interactive_break-after-line-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_break-after-line.xht">flexbox_interactive_break-after-line</a></strong></td> + <tr id="flexbox_interactive_break-after-line-10" class="interact paged"> + <td> + <a href="flexbox_interactive_break-after-line.xht">flexbox_interactive_break-after-line</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | break-after, line </td> </tr> - <tr id="flexbox_interactive_break-after-line-order-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_break-after-line-order.xht">flexbox_interactive_break-after-line-order</a></strong></td> + <tr id="flexbox_interactive_break-after-line-order-10" class="interact paged"> + <td> + <a href="flexbox_interactive_break-after-line-order.xht">flexbox_interactive_break-after-line-order</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | order, break-after, multiline </td> </tr> - <tr id="flexbox_interactive_break-after-multiline-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_break-after-multiline.xht">flexbox_interactive_break-after-multiline</a></strong></td> + <tr id="flexbox_interactive_break-after-multiline-10" class="interact paged"> + <td> + <a href="flexbox_interactive_break-after-multiline.xht">flexbox_interactive_break-after-multiline</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | break-after, multiline </td> </tr> - <tr id="flexbox_interactive_break-before-column-firstitem-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_break-before-column-firstitem.xht">flexbox_interactive_break-before-column-firstitem</a></strong></td> + <tr id="flexbox_interactive_break-before-column-firstitem-10" class="interact paged"> + <td> + <a href="flexbox_interactive_break-before-column-firstitem.xht">flexbox_interactive_break-before-column-firstitem</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | break-before, column, item </td> </tr> - <tr id="flexbox_interactive_break-before-column-item-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_break-before-column-item.xht">flexbox_interactive_break-before-column-item</a></strong></td> + <tr id="flexbox_interactive_break-before-column-item-10" class="interact paged"> + <td> + <a href="flexbox_interactive_break-before-column-item.xht">flexbox_interactive_break-before-column-item</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | break-before, column, item </td> </tr> - <tr id="flexbox_interactive_break-before-container-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_break-before-container.xht">flexbox_interactive_break-before-container</a></strong></td> + <tr id="flexbox_interactive_break-before-container-10" class="interact paged"> + <td> + <a href="flexbox_interactive_break-before-container.xht">flexbox_interactive_break-before-container</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | break-before, singleline, container </td> </tr> - <tr id="flexbox_interactive_break-before-item-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_break-before-item.xht">flexbox_interactive_break-before-item</a></strong></td> + <tr id="flexbox_interactive_break-before-item-10" class="interact paged"> + <td> + <a href="flexbox_interactive_break-before-item.xht">flexbox_interactive_break-before-item</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | break-before, singleline, item </td> </tr> - <tr id="flexbox_interactive_break-before-multiline-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_break-before-multiline.xht">flexbox_interactive_break-before-multiline</a></strong></td> + <tr id="flexbox_interactive_break-before-multiline-10" class="interact paged"> + <td> + <a href="flexbox_interactive_break-before-multiline.xht">flexbox_interactive_break-before-multiline</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | break-before, multiline </td> </tr> - <tr id="flexbox_interactive_break-natural-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_break-natural.xht">flexbox_interactive_break-natural</a></strong></td> + <tr id="flexbox_interactive_break-natural-10" class="interact paged"> + <td> + <a href="flexbox_interactive_break-natural.xht">flexbox_interactive_break-natural</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | natural breaks </td> </tr> - <tr id="flexbox_interactive_paged-overflow-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_paged-overflow.xht">flexbox_interactive_paged-overflow</a></strong></td> + <tr id="flexbox_interactive_paged-overflow-10" class="interact paged"> + <td> + <a href="flexbox_interactive_paged-overflow.xht">flexbox_interactive_paged-overflow</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | @page and paged overflow </td> </tr> - <tr id="flexbox_interactive_paged-overflow-2-10" class="primary interact paged"> - <td><strong> - <a href="flexbox_interactive_paged-overflow-2.xht">flexbox_interactive_paged-overflow-2</a></strong></td> + <tr id="flexbox_interactive_paged-overflow-2-10" class="interact paged"> + <td> + <a href="flexbox_interactive_paged-overflow-2.xht">flexbox_interactive_paged-overflow-2</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="paged" title="Only valid for paged media">Paged</abbr></td> <td>flexbox | paged overflow @@ -167,7 +167,7 @@ <tbody id="s10.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s10.1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#pagination-algo">10.1 Sample Flex Fragmentation Algorithm</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#pagination-algo">10.1 Sample Flex Fragmentation Algorithm</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s10.1.#example-bb213bd3"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht index 5d71c2075e3..e561b9290f2 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-2.xht @@ -30,7 +30,7 @@ <tbody id="s2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#box-model">2 Flex Layout Box Model and Terminology</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#box-model">2 Flex Layout Box Model and Terminology</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s2.#cross"> @@ -56,25 +56,25 @@ </tbody> <tbody id="s2.#flex-container"> <!-- 3 tests --> - <tr id="flexbox_generated-2.#flex-container" class="primary"> - <td><strong> - <a href="flexbox_generated.xht">flexbox_generated</a></strong></td> + <tr id="flexbox_generated-2.#flex-container" class=""> + <td> + <a href="flexbox_generated.xht">flexbox_generated</a></td> <td><a href="reference/flexbox_generated-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainer vs generated content </td> </tr> - <tr id="flexbox_generated-flex-2.#flex-container" class="primary"> - <td><strong> - <a href="flexbox_generated-flex.xht">flexbox_generated-flex</a></strong></td> + <tr id="flexbox_generated-flex-2.#flex-container" class=""> + <td> + <a href="flexbox_generated-flex.xht">flexbox_generated-flex</a></td> <td><a href="reference/flexbox_generated-flex-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainer via generated content </td> </tr> - <tr id="flexbox_generated-nested-flex-2.#flex-container" class="primary"> - <td><strong> - <a href="flexbox_generated-nested-flex.xht">flexbox_generated-nested-flex</a></strong></td> + <tr id="flexbox_generated-nested-flex-2.#flex-container" class=""> + <td> + <a href="flexbox_generated-nested-flex.xht">flexbox_generated-nested-flex</a></td> <td><a href="reference/flexbox_generated-flex-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainer via generated content @@ -94,9 +94,9 @@ </ul> </td> </tr> - <tr id="flex-direction-2.#flex-direction" class="primary"> - <td><strong> - <a href="flex-direction.xht">flex-direction</a></strong></td> + <tr id="flex-direction-2.#flex-direction" class=""> + <td> + <a href="flex-direction.xht">flex-direction</a></td> <td><a href="reference/flex-direction.xht">=</a> </td> <td></td> <td>flex flow direction @@ -105,9 +105,9 @@ </ul> </td> </tr> - <tr id="flex-direction-column-reverse-2.#flex-direction" class="primary"> - <td><strong> - <a href="flex-direction-column-reverse.xht">flex-direction-column-reverse</a></strong></td> + <tr id="flex-direction-column-reverse-2.#flex-direction" class=""> + <td> + <a href="flex-direction-column-reverse.xht">flex-direction-column-reverse</a></td> <td></td> <td></td> <td>flex-direction: column-reverse swaps main start and end directions @@ -116,9 +116,9 @@ </ul> </td> </tr> - <tr id="flex-direction-modify-2.#flex-direction" class="primary"> - <td><strong> - <a href="flex-direction-modify.xht">flex-direction-modify</a></strong></td> + <tr id="flex-direction-modify-2.#flex-direction" class=""> + <td> + <a href="flex-direction-modify.xht">flex-direction-modify</a></td> <td><a href="reference/flex-direction-modify.xht">=</a> </td> <td></td> <td>flex flow direction @@ -127,9 +127,9 @@ </ul> </td> </tr> - <tr id="flex-direction-row-2.#flex-direction" class="primary"> - <td><strong> - <a href="flex-direction-row.xht">flex-direction-row</a></strong></td> + <tr id="flex-direction-row-2.#flex-direction" class=""> + <td> + <a href="flex-direction-row.xht">flex-direction-row</a></td> <td></td> <td></td> <td>flex-direction:row axis matches that of writing mode inline axis @@ -138,9 +138,9 @@ </ul> </td> </tr> - <tr id="flex-direction-row-reverse-2.#flex-direction" class="primary"> - <td><strong> - <a href="flex-direction-row-reverse.xht">flex-direction-row-reverse</a></strong></td> + <tr id="flex-direction-row-reverse-2.#flex-direction" class=""> + <td> + <a href="flex-direction-row-reverse.xht">flex-direction-row-reverse</a></td> <td></td> <td></td> <td>flow-direction:row-reverse swaps main start and end directions @@ -149,9 +149,9 @@ </ul> </td> </tr> - <tr id="flex-direction-row-vertical-2.#flex-direction" class="primary"> - <td><strong> - <a href="flex-direction-row-vertical.xht">flex-direction-row-vertical</a></strong></td> + <tr id="flex-direction-row-vertical-2.#flex-direction" class=""> + <td> + <a href="flex-direction-row-vertical.xht">flex-direction-row-vertical</a></td> <td></td> <td></td> <td>flex-direction:row has the same orientation as inline axis @@ -160,9 +160,9 @@ </ul> </td> </tr> - <tr id="flex-direction-with-element-insert-2.#flex-direction" class="primary"> - <td><strong> - <a href="flex-direction-with-element-insert.xht">flex-direction-with-element-insert</a></strong></td> + <tr id="flex-direction-with-element-insert-2.#flex-direction" class=""> + <td> + <a href="flex-direction-with-element-insert.xht">flex-direction-with-element-insert</a></td> <td><a href="reference/flex-direction-with-element-insert.xht">=</a> </td> <td></td> <td>flex flow direction @@ -303,49 +303,49 @@ </ul> </td> </tr> - <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> + <tr id="flexbox_computedstyle_flex-direction-column-2.#flex-direction" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-direction-column.xht">flexbox_computedstyle_flex-direction-column</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-direction-column-reverse-2.#flex-direction" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-direction-column-reverse.xht">flexbox_computedstyle_flex-direction-column-reverse</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-direction-invalid-2.#flex-direction" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-direction-invalid.xht">flexbox_computedstyle_flex-direction-invalid</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-direction-row-2.#flex-direction" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-direction-row.xht">flexbox_computedstyle_flex-direction-row</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-direction-row-reverse-2.#flex-direction" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-direction-row-reverse.xht">flexbox_computedstyle_flex-direction-row-reverse</a></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> </tr> - <tr id="flexbox_rtl-direction-2.#flex-direction" class="primary"> - <td><strong> - <a href="flexbox_rtl-direction.xht">flexbox_rtl-direction</a></strong></td> + <tr id="flexbox_rtl-direction-2.#flex-direction" class=""> + <td> + <a href="flexbox_rtl-direction.xht">flexbox_rtl-direction</a></td> <td><a href="reference/flexbox_rtl-direction-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-direction: column-reverse | rtl diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht index 479da77e38d..902d9d2647d 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-3.xht @@ -30,7 +30,7 @@ <tbody id="s3"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">3 Flex Containers: the flex and inline-flex display values</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flex-containers">3 Flex Containers: the flex and inline-flex display values</a></th></tr> <!-- 35 tests --> <tr id="column-flexbox-break-3" class="ahem"> <td> @@ -43,9 +43,9 @@ </ul> </td> </tr> - <tr id="display-flex-001-3" class="primary"> - <td><strong> - <a href="display-flex-001.xht">display-flex-001</a></strong></td> + <tr id="display-flex-001-3" class=""> + <td> + <a href="display-flex-001.xht">display-flex-001</a></td> <td><a href="reference/align-content-001-ref.xht">=</a> </td> <td></td> <td>An element with the 'display' property set to 'flex' establishes a new block-level flex container @@ -54,9 +54,9 @@ </ul> </td> </tr> - <tr id="display_flex_exist-3" class="primary dom script"> - <td><strong> - <a href="display_flex_exist.xht">display_flex_exist</a></strong></td> + <tr id="display_flex_exist-3" class="dom script"> + <td> + <a href="display_flex_exist.xht">display_flex_exist</a></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>display_flex @@ -65,9 +65,9 @@ </ul> </td> </tr> - <tr id="display_inline-flex_exist-3" class="primary dom script"> - <td><strong> - <a href="display_inline-flex_exist.xht">display_inline-flex_exist</a></strong></td> + <tr id="display_inline-flex_exist-3" class="dom script"> + <td> + <a href="display_inline-flex_exist.xht">display_inline-flex_exist</a></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>display_inline-flex @@ -76,209 +76,209 @@ </ul> </td> </tr> - <tr id="flexbox-overflow-horiz-001-3" class="primary"> - <td><strong> - <a href="flexbox-overflow-horiz-001.xht">flexbox-overflow-horiz-001</a></strong></td> + <tr id="flexbox-overflow-horiz-001-3" class=""> + <td> + <a href="flexbox-overflow-horiz-001.xht">flexbox-overflow-horiz-001</a></td> <td><a href="reference/flexbox-overflow-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing 'overflow' property on a horizontal flex container, with contents not overflowing </td> </tr> - <tr id="flexbox-overflow-horiz-002-3" class="primary"> - <td><strong> - <a href="flexbox-overflow-horiz-002.xht">flexbox-overflow-horiz-002</a></strong></td> + <tr id="flexbox-overflow-horiz-002-3" class=""> + <td> + <a href="flexbox-overflow-horiz-002.xht">flexbox-overflow-horiz-002</a></td> <td><a href="reference/flexbox-overflow-horiz-002-ref.xht">=</a> </td> <td></td> <td>Testing 'overflow' property on a horizontal flex container, with 'align-items: center' </td> </tr> - <tr id="flexbox-overflow-horiz-003-3" class="primary"> - <td><strong> - <a href="flexbox-overflow-horiz-003.xht">flexbox-overflow-horiz-003</a></strong></td> + <tr id="flexbox-overflow-horiz-003-3" class=""> + <td> + <a href="flexbox-overflow-horiz-003.xht">flexbox-overflow-horiz-003</a></td> <td><a href="reference/flexbox-overflow-horiz-003-ref.xht">=</a> </td> <td></td> <td>Testing 'overflow' property on a horizontal flex container, with 'justify-content: space-around' </td> </tr> - <tr id="flexbox-overflow-vert-001-3" class="primary"> - <td><strong> - <a href="flexbox-overflow-vert-001.xht">flexbox-overflow-vert-001</a></strong></td> + <tr id="flexbox-overflow-vert-001-3" class=""> + <td> + <a href="flexbox-overflow-vert-001.xht">flexbox-overflow-vert-001</a></td> <td><a href="reference/flexbox-overflow-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing 'overflow' property on a vertical flex container </td> </tr> - <tr id="flexbox-overflow-vert-002-3" class="primary"> - <td><strong> - <a href="flexbox-overflow-vert-002.xht">flexbox-overflow-vert-002</a></strong></td> + <tr id="flexbox-overflow-vert-002-3" class=""> + <td> + <a href="flexbox-overflow-vert-002.xht">flexbox-overflow-vert-002</a></td> <td><a href="reference/flexbox-overflow-vert-002-ref.xht">=</a> </td> <td></td> <td>Testing 'overflow' property on a vertical flex container, with 'align-items: center' </td> </tr> - <tr id="flexbox-overflow-vert-003-3" class="primary"> - <td><strong> - <a href="flexbox-overflow-vert-003.xht">flexbox-overflow-vert-003</a></strong></td> + <tr id="flexbox-overflow-vert-003-3" class=""> + <td> + <a href="flexbox-overflow-vert-003.xht">flexbox-overflow-vert-003</a></td> <td><a href="reference/flexbox-overflow-vert-003-ref.xht">=</a> </td> <td></td> <td>Testing 'overflow' property on a vertical flex container, with 'justify-content: space-around' </td> </tr> - <tr id="flexbox-root-node-001a-3" class="primary"> - <td><strong> - <a href="flexbox-root-node-001a.xht">flexbox-root-node-001a</a></strong></td> + <tr id="flexbox-root-node-001a-3" class=""> + <td> + <a href="flexbox-root-node-001a.xht">flexbox-root-node-001a</a></td> <td><a href="reference/flexbox-root-node-001-ref.xht">=</a> </td> <td></td> <td>Testing 'display:flex' on root node </td> </tr> - <tr id="flexbox-root-node-001b-3" class="primary"> - <td><strong> - <a href="flexbox-root-node-001b.xht">flexbox-root-node-001b</a></strong></td> + <tr id="flexbox-root-node-001b-3" class=""> + <td> + <a href="flexbox-root-node-001b.xht">flexbox-root-node-001b</a></td> <td><a href="reference/flexbox-root-node-001-ref.xht">=</a> </td> <td></td> <td>Testing 'display:flex' on root node </td> </tr> - <tr id="flexbox_block-3" class="primary"> - <td><strong> - <a href="flexbox_block.xht">flexbox_block</a></strong></td> + <tr id="flexbox_block-3" class=""> + <td> + <a href="flexbox_block.xht">flexbox_block</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | block </td> </tr> - <tr id="flexbox_box-clear-3" class="primary"> - <td><strong> - <a href="flexbox_box-clear.xht">flexbox_box-clear</a></strong></td> + <tr id="flexbox_box-clear-3" class=""> + <td> + <a href="flexbox_box-clear.xht">flexbox_box-clear</a></td> <td><a href="reference/flexbox_box-clear-ref.xht">=</a> </td> <td></td> <td>flexbox | cleared box </td> </tr> - <tr id="flexbox_columns-3" class="primary"> - <td><strong> - <a href="flexbox_columns.xht">flexbox_columns</a></strong></td> + <tr id="flexbox_columns-3" class=""> + <td> + <a href="flexbox_columns.xht">flexbox_columns</a></td> <td><a href="reference/flexbox_columns-ref.xht">=</a> </td> <td></td> <td>flexbox | multicol </td> </tr> - <tr id="flexbox_columns-flexitems-3" class="primary"> - <td><strong> - <a href="flexbox_columns-flexitems.xht">flexbox_columns-flexitems</a></strong></td> + <tr id="flexbox_columns-flexitems-3" class=""> + <td> + <a href="flexbox_columns-flexitems.xht">flexbox_columns-flexitems</a></td> <td><a href="reference/flexbox_columns-flexitems-ref.xht">=</a> </td> <td></td> <td>flexbox | multicol on flexbox items </td> </tr> - <tr id="flexbox_columns-flexitems-2-3" class="primary"> - <td><strong> - <a href="flexbox_columns-flexitems-2.xht">flexbox_columns-flexitems-2</a></strong></td> + <tr id="flexbox_columns-flexitems-2-3" class=""> + <td> + <a href="flexbox_columns-flexitems-2.xht">flexbox_columns-flexitems-2</a></td> <td><a href="reference/flexbox_columns-flexitems-2-ref.xht">=</a> </td> <td></td> <td>flexbox | multicol on flexbox items </td> </tr> - <tr id="flexbox_computedstyle_display-3" class="primary dom"> - <td><strong> - <a href="flexbox_computedstyle_display.xht">flexbox_computedstyle_display</a></strong></td> + <tr id="flexbox_computedstyle_display-3" class="dom"> + <td> + <a href="flexbox_computedstyle_display.xht">flexbox_computedstyle_display</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_display-inline-3" class="dom"> + <td> + <a href="flexbox_computedstyle_display-inline.xht">flexbox_computedstyle_display-inline</a></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> </tr> - <tr id="flexbox_display-3" class="primary"> - <td><strong> - <a href="flexbox_display.xht">flexbox_display</a></strong></td> + <tr id="flexbox_display-3" class=""> + <td> + <a href="flexbox_display.xht">flexbox_display</a></td> <td><a href="reference/flexbox_display-ref.xht">=</a> </td> <td></td> <td>flexbox | display error-handling </td> </tr> - <tr id="flexbox_fbfc-3" class="primary"> - <td><strong> - <a href="flexbox_fbfc.xht">flexbox_fbfc</a></strong></td> + <tr id="flexbox_fbfc-3" class=""> + <td> + <a href="flexbox_fbfc.xht">flexbox_fbfc</a></td> <td><a href="reference/flexbox_fbfc-ref.xht">=</a> </td> <td></td> <td>flexbox | flex formatting context :: float intrusion </td> </tr> - <tr id="flexbox_fbfc2-3" class="primary"> - <td><strong> - <a href="flexbox_fbfc2.xht">flexbox_fbfc2</a></strong></td> + <tr id="flexbox_fbfc2-3" class=""> + <td> + <a href="flexbox_fbfc2.xht">flexbox_fbfc2</a></td> <td><a href="reference/flexbox_fbfc2-ref.xht">=</a> </td> <td></td> <td>flexbox | flex formatting context :: float intrusion </td> </tr> - <tr id="flexbox_flex-formatting-interop-3" class="primary"> - <td><strong> - <a href="flexbox_flex-formatting-interop.xht">flexbox_flex-formatting-interop</a></strong></td> + <tr id="flexbox_flex-formatting-interop-3" class=""> + <td> + <a href="flexbox_flex-formatting-interop.xht">flexbox_flex-formatting-interop</a></td> <td><a href="reference/flexbox_flex-formatting-interop-ref.xht">=</a> </td> <td></td> <td>flexbox | flex formatting context :: negative margins and border box </td> </tr> - <tr id="flexbox_inline-3" class="primary"> - <td><strong> - <a href="flexbox_inline.xht">flexbox_inline</a></strong></td> + <tr id="flexbox_inline-3" class=""> + <td> + <a href="flexbox_inline.xht">flexbox_inline</a></td> <td><a href="reference/flexbox_inline-ref.xht">=</a> </td> <td></td> <td>flexbox | inline </td> </tr> - <tr id="flexbox_item-clear-3" class="primary"> - <td><strong> - <a href="flexbox_item-clear.xht">flexbox_item-clear</a></strong></td> + <tr id="flexbox_item-clear-3" class=""> + <td> + <a href="flexbox_item-clear.xht">flexbox_item-clear</a></td> <td><a href="reference/flexbox_item-clear-ref.xht">=</a> </td> <td></td> <td>flexbox | cleared item </td> </tr> - <tr id="flexbox_item-float-3" class="primary"> - <td><strong> - <a href="flexbox_item-float.xht">flexbox_item-float</a></strong></td> + <tr id="flexbox_item-float-3" class=""> + <td> + <a href="flexbox_item-float.xht">flexbox_item-float</a></td> <td><a href="reference/flexbox_item-float-ref.xht">=</a> </td> <td></td> <td>flexbox | floated item </td> </tr> - <tr id="flexbox_item-vertical-align-3" class="primary"> - <td><strong> - <a href="flexbox_item-vertical-align.xht">flexbox_item-vertical-align</a></strong></td> + <tr id="flexbox_item-vertical-align-3" class=""> + <td> + <a href="flexbox_item-vertical-align.xht">flexbox_item-vertical-align</a></td> <td><a href="reference/flexbox_item-vertical-align-ref.xht">=</a> </td> <td></td> <td>flexbox | vertical-align </td> </tr> - <tr id="flexbox_margin-3" class="primary"> - <td><strong> - <a href="flexbox_margin.xht">flexbox_margin</a></strong></td> + <tr id="flexbox_margin-3" class=""> + <td> + <a href="flexbox_margin.xht">flexbox_margin</a></td> <td><a href="reference/flexbox_margin-ref.xht">=</a> </td> <td></td> <td>flexbox | margins </td> </tr> - <tr id="flexbox_nested-flex-3" class="primary"> - <td><strong> - <a href="flexbox_nested-flex.xht">flexbox_nested-flex</a></strong></td> + <tr id="flexbox_nested-flex-3" class=""> + <td> + <a href="flexbox_nested-flex.xht">flexbox_nested-flex</a></td> <td><a href="reference/flexbox_generated-flex-ref.xht">=</a> </td> <td></td> <td>flexbox | nested flexcontainer </td> </tr> - <tr id="flexible-box-float-3" class="primary"> - <td><strong> - <a href="flexible-box-float.xht">flexible-box-float</a></strong></td> + <tr id="flexible-box-float-3" class=""> + <td> + <a href="flexible-box-float.xht">flexible-box-float</a></td> <td><a href="reference/flex-box-float-ref.xht">=</a> </td> <td></td> <td>flexible box flex item float effect @@ -331,9 +331,9 @@ </ul> </td> </tr> - <tr id="ttwf-reftest-flex-base-3" class="primary"> - <td><strong> - <a href="ttwf-reftest-flex-base.xht">ttwf-reftest-flex-base</a></strong></td> + <tr id="ttwf-reftest-flex-base-3" class=""> + <td> + <a href="ttwf-reftest-flex-base.xht">ttwf-reftest-flex-base</a></td> <td><a href="reference/ttwf-reftest-flex-base-ref.xht">=</a> </td> <td></td> <td>display proprety - flex @@ -351,9 +351,9 @@ </tbody> <tbody id="s3.#valdef-display-inline-flex"> <!-- 1 tests --> - <tr id="ttwf-reftest-flex-inline-3.#valdef-display-inline-flex" class="primary"> - <td><strong> - <a href="ttwf-reftest-flex-inline.xht">ttwf-reftest-flex-inline</a></strong></td> + <tr id="ttwf-reftest-flex-inline-3.#valdef-display-inline-flex" class=""> + <td> + <a href="ttwf-reftest-flex-inline.xht">ttwf-reftest-flex-inline</a></td> <td><a href="reference/ttwf-reftest-flex-inline-ref.xht">=</a> </td> <td></td> <td>display proprety - inline-flex diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht index 4eb481f3805..1bd7951a4df 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-4.xht @@ -30,11 +30,11 @@ <tbody id="s4"> <tr><th colspan="4" scope="rowgroup"> <a href="#s4">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-items">4 Flex Items</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flex-items">4 Flex Items</a></th></tr> <!-- 24 tests --> - <tr id="flex-flexitem-childmargin-4" class="primary"> - <td><strong> - <a href="flex-flexitem-childmargin.xht">flex-flexitem-childmargin</a></strong></td> + <tr id="flex-flexitem-childmargin-4" class=""> + <td> + <a href="flex-flexitem-childmargin.xht">flex-flexitem-childmargin</a></td> <td><a href="reference/flex-flexitem-childmargin-ref.xht">=</a> </td> <td></td> <td>flex item child margin @@ -43,9 +43,9 @@ </ul> </td> </tr> - <tr id="flex-flexitem-percentage-prescation-4" class="primary"> - <td><strong> - <a href="flex-flexitem-percentage-prescation.xht">flex-flexitem-percentage-prescation</a></strong></td> + <tr id="flex-flexitem-percentage-prescation-4" class=""> + <td> + <a href="flex-flexitem-percentage-prescation.xht">flex-flexitem-percentage-prescation</a></td> <td><a href="reference/flex-flexitem-percentage-prescation-ref.xht">=</a> </td> <td></td> <td>flex item size prescation @@ -54,177 +54,177 @@ </ul> </td> </tr> - <tr id="flexbox-anonymous-items-001-4" class="primary"> - <td><strong> - <a href="flexbox-anonymous-items-001.xht">flexbox-anonymous-items-001</a></strong></td> + <tr id="flexbox-anonymous-items-001-4" class=""> + <td> + <a href="flexbox-anonymous-items-001.xht">flexbox-anonymous-items-001</a></td> <td><a href="reference/flexbox-anonymous-items-001-ref.xht">=</a> </td> <td></td> <td>Testing that we gracefully handle cases where two anonymous flex items become adjacent due to "order" reordering </td> </tr> - <tr id="flexbox-table-fixup-001a-4" class="primary"> - <td><strong> - <a href="flexbox-table-fixup-001a.xht">flexbox-table-fixup-001a</a></strong></td> + <tr id="flexbox-table-fixup-001a-4" class=""> + <td> + <a href="flexbox-table-fixup-001a.xht">flexbox-table-fixup-001a</a></td> <td><a href="reference/flexbox-table-fixup-001-ref.xht">=</a> </td> <td></td> <td>Testing that table cells in a flex container get an anonymous table wrapper that forms the flex item </td> </tr> - <tr id="flexbox-table-fixup-001b-4" class="primary"> - <td><strong> - <a href="flexbox-table-fixup-001b.xht">flexbox-table-fixup-001b</a></strong></td> + <tr id="flexbox-table-fixup-001b-4" class=""> + <td> + <a href="flexbox-table-fixup-001b.xht">flexbox-table-fixup-001b</a></td> <td><a href="reference/flexbox-table-fixup-001-ref.xht">=</a> </td> <td></td> <td>Testing that the 'flex' shorthand has no effect on table cells in a flex container, since they aren't flex items </td> </tr> - <tr id="flexbox-whitespace-handling-001a-4" class="primary"> - <td><strong> - <a href="flexbox-whitespace-handling-001a.xht">flexbox-whitespace-handling-001a</a></strong></td> + <tr id="flexbox-whitespace-handling-001a-4" class=""> + <td> + <a href="flexbox-whitespace-handling-001a.xht">flexbox-whitespace-handling-001a</a></td> <td><a href="reference/flexbox-whitespace-handling-001-ref.xht">=</a> </td> <td></td> <td>Test that anonymous flex items aren't created for pure-whitespace inline content </td> </tr> - <tr id="flexbox-whitespace-handling-001b-4" class="primary"> - <td><strong> - <a href="flexbox-whitespace-handling-001b.xht">flexbox-whitespace-handling-001b</a></strong></td> + <tr id="flexbox-whitespace-handling-001b-4" class=""> + <td> + <a href="flexbox-whitespace-handling-001b.xht">flexbox-whitespace-handling-001b</a></td> <td><a href="reference/flexbox-whitespace-handling-001-ref.xht">=</a> </td> <td></td> <td>Test that flex items are created correctly </td> </tr> - <tr id="flexbox-whitespace-handling-002-4" class="primary"> - <td><strong> - <a href="flexbox-whitespace-handling-002.xht">flexbox-whitespace-handling-002</a></strong></td> + <tr id="flexbox-whitespace-handling-002-4" class=""> + <td> + <a href="flexbox-whitespace-handling-002.xht">flexbox-whitespace-handling-002</a></td> <td><a href="reference/flexbox-whitespace-handling-002-ref.xht">=</a> </td> <td></td> <td>Test that whitespace is preserved at the edges of anonymous flex items if 'white-space: pre' is set </td> </tr> - <tr id="flexbox-with-pseudo-elements-001-4" class="primary"> - <td><strong> - <a href="flexbox-with-pseudo-elements-001.xht">flexbox-with-pseudo-elements-001</a></strong></td> + <tr id="flexbox-with-pseudo-elements-001-4" class=""> + <td> + <a href="flexbox-with-pseudo-elements-001.xht">flexbox-with-pseudo-elements-001</a></td> <td><a href="reference/flexbox-with-pseudo-elements-001-ref.xht">=</a> </td> <td></td> <td>Testing that generated content nodes are treated as a flex items </td> </tr> - <tr id="flexbox-with-pseudo-elements-002-4" class="primary"> - <td><strong> - <a href="flexbox-with-pseudo-elements-002.xht">flexbox-with-pseudo-elements-002</a></strong></td> + <tr id="flexbox-with-pseudo-elements-002-4" class=""> + <td> + <a href="flexbox-with-pseudo-elements-002.xht">flexbox-with-pseudo-elements-002</a></td> <td><a href="reference/flexbox-with-pseudo-elements-002-ref.xht">=</a> </td> <td></td> <td>Testing that generated content nodes are treated as a flex items, and honor 'order' </td> </tr> - <tr id="flexbox-with-pseudo-elements-003-4" class="primary"> - <td><strong> - <a href="flexbox-with-pseudo-elements-003.xht">flexbox-with-pseudo-elements-003</a></strong></td> + <tr id="flexbox-with-pseudo-elements-003-4" class=""> + <td> + <a href="flexbox-with-pseudo-elements-003.xht">flexbox-with-pseudo-elements-003</a></td> <td><a href="reference/flexbox-with-pseudo-elements-003-ref.xht">=</a> </td> <td></td> <td>Testing that generated content nodes with table-part display types are wrapped with an anonymous table, which forms a flex item </td> </tr> - <tr id="flexbox_inline-float-4" class="primary"> - <td><strong> - <a href="flexbox_inline-float.xht">flexbox_inline-float</a></strong></td> + <tr id="flexbox_inline-float-4" class=""> + <td> + <a href="flexbox_inline-float.xht">flexbox_inline-float</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | floated inline </td> </tr> - <tr id="flexbox_stf-abspos-4" class="primary"> - <td><strong> - <a href="flexbox_stf-abspos.xht">flexbox_stf-abspos</a></strong></td> + <tr id="flexbox_stf-abspos-4" class=""> + <td> + <a href="flexbox_stf-abspos.xht">flexbox_stf-abspos</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainer versus stf :: abspos </td> </tr> - <tr id="flexbox_stf-fixpos-4" class="primary"> - <td><strong> - <a href="flexbox_stf-fixpos.xht">flexbox_stf-fixpos</a></strong></td> + <tr id="flexbox_stf-fixpos-4" class=""> + <td> + <a href="flexbox_stf-fixpos.xht">flexbox_stf-fixpos</a></td> <td></td> <td></td> <td>flexbox | flexcontainer versus stf :: fixed </td> </tr> - <tr id="flexbox_stf-float-4" class="primary"> - <td><strong> - <a href="flexbox_stf-float.xht">flexbox_stf-float</a></strong></td> + <tr id="flexbox_stf-float-4" class=""> + <td> + <a href="flexbox_stf-float.xht">flexbox_stf-float</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainer versus stf :: float </td> </tr> - <tr id="flexbox_stf-inline-block-4" class="primary"> - <td><strong> - <a href="flexbox_stf-inline-block.xht">flexbox_stf-inline-block</a></strong></td> + <tr id="flexbox_stf-inline-block-4" class=""> + <td> + <a href="flexbox_stf-inline-block.xht">flexbox_stf-inline-block</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainer versus stf :: inline-block </td> </tr> - <tr id="flexbox_stf-table-4" class="primary"> - <td><strong> - <a href="flexbox_stf-table.xht">flexbox_stf-table</a></strong></td> + <tr id="flexbox_stf-table-4" class=""> + <td> + <a href="flexbox_stf-table.xht">flexbox_stf-table</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainer versus stf :: table </td> </tr> - <tr id="flexbox_stf-table-caption-4" class="primary"> - <td><strong> - <a href="flexbox_stf-table-caption.xht">flexbox_stf-table-caption</a></strong></td> + <tr id="flexbox_stf-table-caption-4" class=""> + <td> + <a href="flexbox_stf-table-caption.xht">flexbox_stf-table-caption</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainer versus stf :: table-caption </td> </tr> - <tr id="flexbox_stf-table-cell-4" class="primary"> - <td><strong> - <a href="flexbox_stf-table-cell.xht">flexbox_stf-table-cell</a></strong></td> + <tr id="flexbox_stf-table-cell-4" class=""> + <td> + <a href="flexbox_stf-table-cell.xht">flexbox_stf-table-cell</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainer versus stf :: table cell </td> </tr> - <tr id="flexbox_stf-table-row-4" class="primary"> - <td><strong> - <a href="flexbox_stf-table-row.xht">flexbox_stf-table-row</a></strong></td> + <tr id="flexbox_stf-table-row-4" class=""> + <td> + <a href="flexbox_stf-table-row.xht">flexbox_stf-table-row</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainer versus stf :: table row </td> </tr> - <tr id="flexbox_stf-table-row-group-4" class="primary"> - <td><strong> - <a href="flexbox_stf-table-row-group.xht">flexbox_stf-table-row-group</a></strong></td> + <tr id="flexbox_stf-table-row-group-4" class=""> + <td> + <a href="flexbox_stf-table-row-group.xht">flexbox_stf-table-row-group</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainer versus stf :: table row group </td> </tr> - <tr id="flexbox_stf-table-singleline-4" class="primary"> - <td><strong> - <a href="flexbox_stf-table-singleline.xht">flexbox_stf-table-singleline</a></strong></td> + <tr id="flexbox_stf-table-singleline-4" class=""> + <td> + <a href="flexbox_stf-table-singleline.xht">flexbox_stf-table-singleline</a></td> <td><a href="reference/flexbox_stf-table-singleline-ref.xht">=</a> </td> <td></td> <td>flexbox | singleline flexcontainer versus stf :: table </td> </tr> - <tr id="flexbox_stf-table-singleline-2-4" class="primary"> - <td><strong> - <a href="flexbox_stf-table-singleline-2.xht">flexbox_stf-table-singleline-2</a></strong></td> + <tr id="flexbox_stf-table-singleline-2-4" class=""> + <td> + <a href="flexbox_stf-table-singleline-2.xht">flexbox_stf-table-singleline-2</a></td> <td><a href="reference/flexbox_stf-table-singleline-ref.xht">=</a> </td> <td></td> <td>flexbox | singleline flexcontainer versus stf :: table </td> </tr> - <tr id="flexbox_table-fixed-layout-4" class="primary"> - <td><strong> - <a href="flexbox_table-fixed-layout.xht">flexbox_table-fixed-layout</a></strong></td> + <tr id="flexbox_table-fixed-layout-4" class=""> + <td> + <a href="flexbox_table-fixed-layout.xht">flexbox_table-fixed-layout</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainers in tables @@ -243,35 +243,35 @@ <tbody id="s4.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s4.1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#abspos-items">4.1 Absolutely-Positioned Flex Children</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#abspos-items">4.1 Absolutely-Positioned Flex Children</a></th></tr> <!-- 4 tests --> - <tr id="flexbox-abspos-child-001a-4.1" class="primary"> - <td><strong> - <a href="flexbox-abspos-child-001a.xht">flexbox-abspos-child-001a</a></strong></td> + <tr id="flexbox-abspos-child-001a-4.1" class=""> + <td> + <a href="flexbox-abspos-child-001a.xht">flexbox-abspos-child-001a</a></td> <td><a href="reference/flexbox-abspos-child-001-ref.xht">=</a> </td> <td></td> <td>Testing that "min-width", "max-width", "min-height", and "max-height" are applied on absolutely positioned children of a horizontal flex container </td> </tr> - <tr id="flexbox-abspos-child-001b-4.1" class="primary"> - <td><strong> - <a href="flexbox-abspos-child-001b.xht">flexbox-abspos-child-001b</a></strong></td> + <tr id="flexbox-abspos-child-001b-4.1" class=""> + <td> + <a href="flexbox-abspos-child-001b.xht">flexbox-abspos-child-001b</a></td> <td><a href="reference/flexbox-abspos-child-001-ref.xht">=</a> </td> <td></td> <td>Testing that "min-width", "max-width", "min-height", and "max-height" are applied on absolutely positioned children of a vertical flex container </td> </tr> - <tr id="flexbox_absolute-atomic-4.1" class="primary"> - <td><strong> - <a href="flexbox_absolute-atomic.xht">flexbox_absolute-atomic</a></strong></td> + <tr id="flexbox_absolute-atomic-4.1" class=""> + <td> + <a href="flexbox_absolute-atomic.xht">flexbox_absolute-atomic</a></td> <td><a href="reference/flexbox_absolute-atomic-ref.xht">=</a> </td> <td></td> <td>flexbox | abspos atomic flexitems </td> </tr> - <tr id="flexbox_inline-abspos-4.1" class="primary"> - <td><strong> - <a href="flexbox_inline-abspos.xht">flexbox_inline-abspos</a></strong></td> + <tr id="flexbox_inline-abspos-4.1" class=""> + <td> + <a href="flexbox_inline-abspos.xht">flexbox_inline-abspos</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | absolutely positioned inline @@ -287,7 +287,7 @@ <tbody id="s4.2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s4.2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#item-margins">4.2 Flex Item Margins and Paddings</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#item-margins">4.2 Flex Item Margins and Paddings</a></th></tr> <!-- 3 tests --> <tr id="flex-container-margin-4.2" class="primary"> <td><strong> @@ -311,9 +311,9 @@ </ul> </td> </tr> - <tr id="flexbox_margin-left-ex-4.2" class="primary"> - <td><strong> - <a href="flexbox_margin-left-ex.xht">flexbox_margin-left-ex</a></strong></td> + <tr id="flexbox_margin-left-ex-4.2" class=""> + <td> + <a href="flexbox_margin-left-ex.xht">flexbox_margin-left-ex</a></td> <td><a href="reference/flexbox_margin-left-ex-ref.xht">=</a> </td> <td></td> <td>flexbox | margin-left: auto @@ -323,43 +323,43 @@ <tbody id="s4.3"> <tr><th colspan="4" scope="rowgroup"> <a href="#s4.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#painting">4.3 Flex Item Z-Ordering</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#painting">4.3 Flex Item Z-Ordering</a></th></tr> <!-- 5 tests --> - <tr id="flexbox-items-as-stacking-contexts-001-4.3" class="primary"> - <td><strong> - <a href="flexbox-items-as-stacking-contexts-001.xht">flexbox-items-as-stacking-contexts-001</a></strong></td> + <tr id="flexbox-items-as-stacking-contexts-001-4.3" class=""> + <td> + <a href="flexbox-items-as-stacking-contexts-001.xht">flexbox-items-as-stacking-contexts-001</a></td> <td><a href="reference/flexbox-items-as-stacking-contexts-001-ref.xht">=</a> </td> <td></td> <td>Testing that 'z-index' property makes flex items form stacking contexts </td> </tr> - <tr id="flexbox-items-as-stacking-contexts-002-4.3" class="primary"> - <td><strong> - <a href="flexbox-items-as-stacking-contexts-002.xht">flexbox-items-as-stacking-contexts-002</a></strong></td> + <tr id="flexbox-items-as-stacking-contexts-002-4.3" class=""> + <td> + <a href="flexbox-items-as-stacking-contexts-002.xht">flexbox-items-as-stacking-contexts-002</a></td> <td><a href="reference/flexbox-items-as-stacking-contexts-002-ref.xht">=</a> </td> <td></td> <td>Testing that flex items paint as pseudo-stacking contexts (like inline-blocks): atomically, in the absence of 'z-index' on descendants </td> </tr> - <tr id="flexbox-items-as-stacking-contexts-003-4.3" class="primary"> - <td><strong> - <a href="flexbox-items-as-stacking-contexts-003.xht">flexbox-items-as-stacking-contexts-003</a></strong></td> + <tr id="flexbox-items-as-stacking-contexts-003-4.3" class=""> + <td> + <a href="flexbox-items-as-stacking-contexts-003.xht">flexbox-items-as-stacking-contexts-003</a></td> <td><a href="reference/flexbox-items-as-stacking-contexts-003-ref.xht">=</a> </td> <td></td> <td>Testing that flex items paint as pseudo-stacking contexts (like inline-blocks), instead of full stacking contexts: 'z-index' should let descendants interleave </td> </tr> - <tr id="flexbox-paint-ordering-001-4.3" class="primary"> - <td><strong> - <a href="flexbox-paint-ordering-001.xht">flexbox-paint-ordering-001</a></strong></td> + <tr id="flexbox-paint-ordering-001-4.3" class=""> + <td> + <a href="flexbox-paint-ordering-001.xht">flexbox-paint-ordering-001</a></td> <td><a href="reference/flexbox-paint-ordering-001-ref.xht">=</a> </td> <td></td> <td>Testing the paint-order of overlapping flex items, with varying tweaks on the container </td> </tr> - <tr id="flexbox-paint-ordering-002-4.3" class="primary"> - <td><strong> - <a href="flexbox-paint-ordering-002.xht">flexbox-paint-ordering-002</a></strong></td> + <tr id="flexbox-paint-ordering-002-4.3" class=""> + <td> + <a href="flexbox-paint-ordering-002.xht">flexbox-paint-ordering-002</a></td> <td><a href="reference/flexbox-paint-ordering-002-ref.xht">=</a> </td> <td></td> <td>Testing the paint-order of overlapping flex items with 'order' and 'z-index' set @@ -369,35 +369,35 @@ <tbody id="s4.4"> <tr><th colspan="4" scope="rowgroup"> <a href="#s4.4">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#visibility-collapse">4.4 Collapsed Items</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#visibility-collapse">4.4 Collapsed Items</a></th></tr> <!-- 6 tests --> - <tr id="flexbox_margin-collapse-4.4" class="primary"> - <td><strong> - <a href="flexbox_margin-collapse.xht">flexbox_margin-collapse</a></strong></td> + <tr id="flexbox_margin-collapse-4.4" class=""> + <td> + <a href="flexbox_margin-collapse.xht">flexbox_margin-collapse</a></td> <td><a href="reference/flexbox_margin-collapse-ref.xht">=</a> </td> <td></td> <td>flexbox | flexitem margin collapsing </td> </tr> - <tr id="flexbox_visibility-collapse-4.4" class="primary"> - <td><strong> - <a href="flexbox_visibility-collapse.xht">flexbox_visibility-collapse</a></strong></td> + <tr id="flexbox_visibility-collapse-4.4" class=""> + <td> + <a href="flexbox_visibility-collapse.xht">flexbox_visibility-collapse</a></td> <td><a href="reference/flexbox_visibility-collapse-ref.xht">=</a> </td> <td></td> <td>flexbox | visibility: collapse </td> </tr> - <tr id="flexbox_visibility-collapse-line-wrapping-4.4" class="primary"> - <td><strong> - <a href="flexbox_visibility-collapse-line-wrapping.xht">flexbox_visibility-collapse-line-wrapping</a></strong></td> + <tr id="flexbox_visibility-collapse-line-wrapping-4.4" class=""> + <td> + <a href="flexbox_visibility-collapse-line-wrapping.xht">flexbox_visibility-collapse-line-wrapping</a></td> <td><a href="reference/flexbox_visibility-collapse-line-wrapping-ref.xht">=</a> </td> <td></td> <td>flexbox | visibility: collapse and line wrapping </td> </tr> - <tr id="visibility-collapse-001-4.4" class="primary"> - <td><strong> - <a href="visibility-collapse-001.xht">visibility-collapse-001</a></strong></td> + <tr id="visibility-collapse-001-4.4" class=""> + <td> + <a href="visibility-collapse-001.xht">visibility-collapse-001</a></td> <td></td> <td></td> <td>A flex item with the 'visibility' property set to 'collapse' should not take up space in the main axis @@ -406,9 +406,9 @@ </ul> </td> </tr> - <tr id="visibility-collapse-002-4.4" class="primary"> - <td><strong> - <a href="visibility-collapse-002.xht">visibility-collapse-002</a></strong></td> + <tr id="visibility-collapse-002-4.4" class=""> + <td> + <a href="visibility-collapse-002.xht">visibility-collapse-002</a></td> <td></td> <td></td> <td>A flex item with the 'visibility' property set to 'collapse' should be large enough to fit the collapsed item @@ -450,11 +450,11 @@ <tbody id="s4.5"> <tr><th colspan="4" scope="rowgroup"> <a href="#s4.5">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#min-size-auto">4.5 Implied Minimum Size of Flex Items</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#min-size-auto">4.5 Implied Minimum Size of Flex Items</a></th></tr> <!-- 30 tests --> - <tr id="flex-minimum-height-flex-items-001-4.5" class="primary"> - <td><strong> - <a href="flex-minimum-height-flex-items-001.xht">flex-minimum-height-flex-items-001</a></strong></td> + <tr id="flex-minimum-height-flex-items-001-4.5" class=""> + <td> + <a href="flex-minimum-height-flex-items-001.xht">flex-minimum-height-flex-items-001</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>Minimum height of flex items @@ -463,9 +463,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-height-flex-items-002-4.5" class="primary"> - <td><strong> - <a href="flex-minimum-height-flex-items-002.xht">flex-minimum-height-flex-items-002</a></strong></td> + <tr id="flex-minimum-height-flex-items-002-4.5" class=""> + <td> + <a href="flex-minimum-height-flex-items-002.xht">flex-minimum-height-flex-items-002</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>Minimum height of flex items @@ -474,9 +474,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-height-flex-items-003-4.5" class="primary ahem"> - <td><strong> - <a href="flex-minimum-height-flex-items-003.xht">flex-minimum-height-flex-items-003</a></strong></td> + <tr id="flex-minimum-height-flex-items-003-4.5" class="ahem"> + <td> + <a href="flex-minimum-height-flex-items-003.xht">flex-minimum-height-flex-items-003</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>Minimum height of flex items @@ -485,9 +485,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-height-flex-items-004-4.5" class="primary"> - <td><strong> - <a href="flex-minimum-height-flex-items-004.xht">flex-minimum-height-flex-items-004</a></strong></td> + <tr id="flex-minimum-height-flex-items-004-4.5" class=""> + <td> + <a href="flex-minimum-height-flex-items-004.xht">flex-minimum-height-flex-items-004</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>Minimum height of flex items @@ -496,9 +496,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-height-flex-items-005-4.5" class="primary"> - <td><strong> - <a href="flex-minimum-height-flex-items-005.xht">flex-minimum-height-flex-items-005</a></strong></td> + <tr id="flex-minimum-height-flex-items-005-4.5" class=""> + <td> + <a href="flex-minimum-height-flex-items-005.xht">flex-minimum-height-flex-items-005</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>Minimum height of flex items @@ -507,9 +507,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-height-flex-items-006-4.5" class="primary"> - <td><strong> - <a href="flex-minimum-height-flex-items-006.xht">flex-minimum-height-flex-items-006</a></strong></td> + <tr id="flex-minimum-height-flex-items-006-4.5" class=""> + <td> + <a href="flex-minimum-height-flex-items-006.xht">flex-minimum-height-flex-items-006</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>Minimum height of flex items @@ -518,9 +518,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-height-flex-items-007-4.5" class="primary"> - <td><strong> - <a href="flex-minimum-height-flex-items-007.xht">flex-minimum-height-flex-items-007</a></strong></td> + <tr id="flex-minimum-height-flex-items-007-4.5" class=""> + <td> + <a href="flex-minimum-height-flex-items-007.xht">flex-minimum-height-flex-items-007</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>Minimum height of flex items @@ -529,9 +529,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-height-flex-items-008-4.5" class="primary"> - <td><strong> - <a href="flex-minimum-height-flex-items-008.xht">flex-minimum-height-flex-items-008</a></strong></td> + <tr id="flex-minimum-height-flex-items-008-4.5" class=""> + <td> + <a href="flex-minimum-height-flex-items-008.xht">flex-minimum-height-flex-items-008</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>Minimum height of flex items @@ -540,9 +540,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-width-flex-items-001-4.5" class="primary ahem"> - <td><strong> - <a href="flex-minimum-width-flex-items-001.xht">flex-minimum-width-flex-items-001</a></strong></td> + <tr id="flex-minimum-width-flex-items-001-4.5" class="ahem"> + <td> + <a href="flex-minimum-width-flex-items-001.xht">flex-minimum-width-flex-items-001</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>Minimum width of flex items @@ -551,9 +551,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-width-flex-items-002-4.5" class="primary"> - <td><strong> - <a href="flex-minimum-width-flex-items-002.xht">flex-minimum-width-flex-items-002</a></strong></td> + <tr id="flex-minimum-width-flex-items-002-4.5" class=""> + <td> + <a href="flex-minimum-width-flex-items-002.xht">flex-minimum-width-flex-items-002</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>Minimum width of flex items @@ -562,9 +562,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-width-flex-items-003-4.5" class="primary ahem"> - <td><strong> - <a href="flex-minimum-width-flex-items-003.xht">flex-minimum-width-flex-items-003</a></strong></td> + <tr id="flex-minimum-width-flex-items-003-4.5" class="ahem"> + <td> + <a href="flex-minimum-width-flex-items-003.xht">flex-minimum-width-flex-items-003</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>Minimum width of flex items @@ -573,9 +573,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-width-flex-items-004-4.5" class="primary"> - <td><strong> - <a href="flex-minimum-width-flex-items-004.xht">flex-minimum-width-flex-items-004</a></strong></td> + <tr id="flex-minimum-width-flex-items-004-4.5" class=""> + <td> + <a href="flex-minimum-width-flex-items-004.xht">flex-minimum-width-flex-items-004</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>Minimum width of flex items @@ -584,9 +584,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-width-flex-items-005-4.5" class="primary"> - <td><strong> - <a href="flex-minimum-width-flex-items-005.xht">flex-minimum-width-flex-items-005</a></strong></td> + <tr id="flex-minimum-width-flex-items-005-4.5" class=""> + <td> + <a href="flex-minimum-width-flex-items-005.xht">flex-minimum-width-flex-items-005</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>Minimum width of flex items @@ -595,9 +595,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-width-flex-items-006-4.5" class="primary"> - <td><strong> - <a href="flex-minimum-width-flex-items-006.xht">flex-minimum-width-flex-items-006</a></strong></td> + <tr id="flex-minimum-width-flex-items-006-4.5" class=""> + <td> + <a href="flex-minimum-width-flex-items-006.xht">flex-minimum-width-flex-items-006</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>Minimum width of flex items @@ -606,9 +606,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-width-flex-items-007-4.5" class="primary"> - <td><strong> - <a href="flex-minimum-width-flex-items-007.xht">flex-minimum-width-flex-items-007</a></strong></td> + <tr id="flex-minimum-width-flex-items-007-4.5" class=""> + <td> + <a href="flex-minimum-width-flex-items-007.xht">flex-minimum-width-flex-items-007</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>Minimum width of flex items @@ -617,9 +617,9 @@ </ul> </td> </tr> - <tr id="flex-minimum-width-flex-items-008-4.5" class="primary"> - <td><strong> - <a href="flex-minimum-width-flex-items-008.xht">flex-minimum-width-flex-items-008</a></strong></td> + <tr id="flex-minimum-width-flex-items-008-4.5" class=""> + <td> + <a href="flex-minimum-width-flex-items-008.xht">flex-minimum-width-flex-items-008</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>Minimum width of flex items @@ -628,113 +628,113 @@ </ul> </td> </tr> - <tr id="flexbox-min-height-auto-001-4.5" class="primary"> - <td><strong> - <a href="flexbox-min-height-auto-001.xht">flexbox-min-height-auto-001</a></strong></td> + <tr id="flexbox-min-height-auto-001-4.5" class=""> + <td> + <a href="flexbox-min-height-auto-001.xht">flexbox-min-height-auto-001</a></td> <td><a href="reference/flexbox-min-height-auto-001-ref.xht">=</a> </td> <td></td> <td>Testing min-height:auto </td> </tr> - <tr id="flexbox-min-height-auto-002a-4.5" class="primary"> - <td><strong> - <a href="flexbox-min-height-auto-002a.xht">flexbox-min-height-auto-002a</a></strong></td> + <tr id="flexbox-min-height-auto-002a-4.5" class=""> + <td> + <a href="flexbox-min-height-auto-002a.xht">flexbox-min-height-auto-002a</a></td> <td><a href="reference/flexbox-min-height-auto-002-ref.xht">=</a> </td> <td></td> <td>Testing min-height:auto </td> </tr> - <tr id="flexbox-min-height-auto-002b-4.5" class="primary"> - <td><strong> - <a href="flexbox-min-height-auto-002b.xht">flexbox-min-height-auto-002b</a></strong></td> + <tr id="flexbox-min-height-auto-002b-4.5" class=""> + <td> + <a href="flexbox-min-height-auto-002b.xht">flexbox-min-height-auto-002b</a></td> <td><a href="reference/flexbox-min-height-auto-002-ref.xht">=</a> </td> <td></td> <td>Testing min-height:auto </td> </tr> - <tr id="flexbox-min-height-auto-002c-4.5" class="primary"> - <td><strong> - <a href="flexbox-min-height-auto-002c.xht">flexbox-min-height-auto-002c</a></strong></td> + <tr id="flexbox-min-height-auto-002c-4.5" class=""> + <td> + <a href="flexbox-min-height-auto-002c.xht">flexbox-min-height-auto-002c</a></td> <td><a href="reference/flexbox-min-height-auto-002-ref.xht">=</a> </td> <td></td> <td>Testing min-height:auto </td> </tr> - <tr id="flexbox-min-height-auto-003-4.5" class="primary"> - <td><strong> - <a href="flexbox-min-height-auto-003.xht">flexbox-min-height-auto-003</a></strong></td> + <tr id="flexbox-min-height-auto-003-4.5" class=""> + <td> + <a href="flexbox-min-height-auto-003.xht">flexbox-min-height-auto-003</a></td> <td><a href="reference/flexbox-min-height-auto-003-ref.xht">=</a> </td> <td></td> <td>Testing min-height:auto & 'overflow' interaction </td> </tr> - <tr id="flexbox-min-height-auto-004-4.5" class="primary"> - <td><strong> - <a href="flexbox-min-height-auto-004.xht">flexbox-min-height-auto-004</a></strong></td> + <tr id="flexbox-min-height-auto-004-4.5" class=""> + <td> + <a href="flexbox-min-height-auto-004.xht">flexbox-min-height-auto-004</a></td> <td><a href="reference/flexbox-min-height-auto-004-ref.xht">=</a> </td> <td></td> <td>Testing min-height:auto & 'overflow' interaction </td> </tr> - <tr id="flexbox-min-width-auto-001-4.5" class="primary"> - <td><strong> - <a href="flexbox-min-width-auto-001.xht">flexbox-min-width-auto-001</a></strong></td> + <tr id="flexbox-min-width-auto-001-4.5" class=""> + <td> + <a href="flexbox-min-width-auto-001.xht">flexbox-min-width-auto-001</a></td> <td><a href="reference/flexbox-min-width-auto-001-ref.xht">=</a> </td> <td></td> <td>Testing min-width:auto </td> </tr> - <tr id="flexbox-min-width-auto-002a-4.5" class="primary"> - <td><strong> - <a href="flexbox-min-width-auto-002a.xht">flexbox-min-width-auto-002a</a></strong></td> + <tr id="flexbox-min-width-auto-002a-4.5" class=""> + <td> + <a href="flexbox-min-width-auto-002a.xht">flexbox-min-width-auto-002a</a></td> <td><a href="reference/flexbox-min-width-auto-002-ref.xht">=</a> </td> <td></td> <td>Testing min-width:auto </td> </tr> - <tr id="flexbox-min-width-auto-002b-4.5" class="primary"> - <td><strong> - <a href="flexbox-min-width-auto-002b.xht">flexbox-min-width-auto-002b</a></strong></td> + <tr id="flexbox-min-width-auto-002b-4.5" class=""> + <td> + <a href="flexbox-min-width-auto-002b.xht">flexbox-min-width-auto-002b</a></td> <td><a href="reference/flexbox-min-width-auto-002-ref.xht">=</a> </td> <td></td> <td>Testing min-width:auto </td> </tr> - <tr id="flexbox-min-width-auto-002c-4.5" class="primary"> - <td><strong> - <a href="flexbox-min-width-auto-002c.xht">flexbox-min-width-auto-002c</a></strong></td> + <tr id="flexbox-min-width-auto-002c-4.5" class=""> + <td> + <a href="flexbox-min-width-auto-002c.xht">flexbox-min-width-auto-002c</a></td> <td><a href="reference/flexbox-min-width-auto-002-ref.xht">=</a> </td> <td></td> <td>Testing min-width:auto </td> </tr> - <tr id="flexbox-min-width-auto-003-4.5" class="primary"> - <td><strong> - <a href="flexbox-min-width-auto-003.xht">flexbox-min-width-auto-003</a></strong></td> + <tr id="flexbox-min-width-auto-003-4.5" class=""> + <td> + <a href="flexbox-min-width-auto-003.xht">flexbox-min-width-auto-003</a></td> <td><a href="reference/flexbox-min-width-auto-003-ref.xht">=</a> </td> <td></td> <td>Testing min-width:auto & 'overflow' interaction </td> </tr> - <tr id="flexbox-min-width-auto-004-4.5" class="primary"> - <td><strong> - <a href="flexbox-min-width-auto-004.xht">flexbox-min-width-auto-004</a></strong></td> + <tr id="flexbox-min-width-auto-004-4.5" class=""> + <td> + <a href="flexbox-min-width-auto-004.xht">flexbox-min-width-auto-004</a></td> <td><a href="reference/flexbox-min-width-auto-004-ref.xht">=</a> </td> <td></td> <td>Testing min-width:auto & 'overflow' interaction </td> </tr> - <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> + <tr id="flexbox_computedstyle_min-height-auto-4.5" class="dom"> + <td> + <a href="flexbox_computedstyle_min-height-auto.xht">flexbox_computedstyle_min-height-auto</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_min-width-auto-4.5" class="dom"> + <td> + <a href="flexbox_computedstyle_min-width-auto.xht">flexbox_computedstyle_min-width-auto</a></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 diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht index 3f5a5006e0a..d5998fab18f 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-5.xht @@ -30,11 +30,11 @@ <tbody id="s5"> <tr><th colspan="4" scope="rowgroup"> <a href="#s5">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flow-order">5 Ordering and Orientation</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flow-order">5 Ordering and Orientation</a></th></tr> <!-- 1 tests --> - <tr id="flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-5" class="primary"> - <td><strong> - <a href="flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.xht">flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom</a></strong></td> + <tr id="flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-5" class=""> + <td> + <a href="flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom.xht">flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom</a></td> <td><a href="reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.xht">=</a> </td> <td></td> <td>Align content flex-start with writing mode vertical-rl. @@ -47,7 +47,7 @@ <tbody id="s5.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s5.1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property">5.1 Flex Flow Direction: the flex-direction property</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flex-direction-property">5.1 Flex Flow Direction: the flex-direction property</a></th></tr> <!-- 22 tests --> <tr id="autoheight-regions-in-autoheight-flexbox-001-5.1" class="ahem"> <td> @@ -82,9 +82,9 @@ </ul> </td> </tr> - <tr id="flex-direction_column-5.1" class="primary"> - <td><strong> - <a href="flex-direction_column.xht">flex-direction_column</a></strong></td> + <tr id="flex-direction_column-5.1" class=""> + <td> + <a href="flex-direction_column.xht">flex-direction_column</a></td> <td></td> <td></td> <td>flex-direction_column @@ -93,9 +93,9 @@ </ul> </td> </tr> - <tr id="flex-direction_column-reverse-5.1" class="primary"> - <td><strong> - <a href="flex-direction_column-reverse.xht">flex-direction_column-reverse</a></strong></td> + <tr id="flex-direction_column-reverse-5.1" class=""> + <td> + <a href="flex-direction_column-reverse.xht">flex-direction_column-reverse</a></td> <td></td> <td></td> <td>flex-direction_column-reverse @@ -104,9 +104,9 @@ </ul> </td> </tr> - <tr id="flex-direction_row-5.1" class="primary"> - <td><strong> - <a href="flex-direction_row.xht">flex-direction_row</a></strong></td> + <tr id="flex-direction_row-5.1" class=""> + <td> + <a href="flex-direction_row.xht">flex-direction_row</a></td> <td></td> <td></td> <td>flex-direction_row @@ -115,9 +115,9 @@ </ul> </td> </tr> - <tr id="flex-direction_row-reverse-5.1" class="primary"> - <td><strong> - <a href="flex-direction_row-reverse.xht">flex-direction_row-reverse</a></strong></td> + <tr id="flex-direction_row-reverse-5.1" class=""> + <td> + <a href="flex-direction_row-reverse.xht">flex-direction_row-reverse</a></td> <td></td> <td></td> <td>flex-direction_row-reverse @@ -126,9 +126,9 @@ </ul> </td> </tr> - <tr id="flexbox-flex-direction-column-5.1" class="primary"> - <td><strong> - <a href="flexbox-flex-direction-column.xht">flexbox-flex-direction-column</a></strong></td> + <tr id="flexbox-flex-direction-column-5.1" class=""> + <td> + <a href="flexbox-flex-direction-column.xht">flexbox-flex-direction-column</a></td> <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> <td></td> <td>Flex-direction = column @@ -137,9 +137,9 @@ </ul> </td> </tr> - <tr id="flexbox-flex-direction-column-reverse-5.1" class="primary"> - <td><strong> - <a href="flexbox-flex-direction-column-reverse.xht">flexbox-flex-direction-column-reverse</a></strong></td> + <tr id="flexbox-flex-direction-column-reverse-5.1" class=""> + <td> + <a href="flexbox-flex-direction-column-reverse.xht">flexbox-flex-direction-column-reverse</a></td> <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> <td></td> <td>Flex-direction = column-reverse @@ -148,9 +148,9 @@ </ul> </td> </tr> - <tr id="flexbox-flex-direction-default-5.1" class="primary"> - <td><strong> - <a href="flexbox-flex-direction-default.xht">flexbox-flex-direction-default</a></strong></td> + <tr id="flexbox-flex-direction-default-5.1" class=""> + <td> + <a href="flexbox-flex-direction-default.xht">flexbox-flex-direction-default</a></td> <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> <td></td> <td>Flex-direction = row by default @@ -159,9 +159,9 @@ </ul> </td> </tr> - <tr id="flexbox-flex-direction-row-5.1" class="primary"> - <td><strong> - <a href="flexbox-flex-direction-row.xht">flexbox-flex-direction-row</a></strong></td> + <tr id="flexbox-flex-direction-row-5.1" class=""> + <td> + <a href="flexbox-flex-direction-row.xht">flexbox-flex-direction-row</a></td> <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> <td></td> <td>Flex-direction = row @@ -170,9 +170,9 @@ </ul> </td> </tr> - <tr id="flexbox-flex-direction-row-reverse-5.1" class="primary"> - <td><strong> - <a href="flexbox-flex-direction-row-reverse.xht">flexbox-flex-direction-row-reverse</a></strong></td> + <tr id="flexbox-flex-direction-row-reverse-5.1" class=""> + <td> + <a href="flexbox-flex-direction-row-reverse.xht">flexbox-flex-direction-row-reverse</a></td> <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> <td></td> <td>Flex-direction = row-reverse @@ -181,25 +181,25 @@ </ul> </td> </tr> - <tr id="flexbox_direction-column-5.1" class="primary"> - <td><strong> - <a href="flexbox_direction-column.xht">flexbox_direction-column</a></strong></td> + <tr id="flexbox_direction-column-5.1" class=""> + <td> + <a href="flexbox_direction-column.xht">flexbox_direction-column</a></td> <td><a href="reference/flexbox_direction-column-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-direction: column </td> </tr> - <tr id="flexbox_direction-column-reverse-5.1" class="primary"> - <td><strong> - <a href="flexbox_direction-column-reverse.xht">flexbox_direction-column-reverse</a></strong></td> + <tr id="flexbox_direction-column-reverse-5.1" class=""> + <td> + <a href="flexbox_direction-column-reverse.xht">flexbox_direction-column-reverse</a></td> <td><a href="reference/flexbox_direction-column-reverse-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-direction: column-reverse </td> </tr> - <tr id="flexbox_direction-row-reverse-5.1" class="primary"> - <td><strong> - <a href="flexbox_direction-row-reverse.xht">flexbox_direction-row-reverse</a></strong></td> + <tr id="flexbox_direction-row-reverse-5.1" class=""> + <td> + <a href="flexbox_direction-row-reverse.xht">flexbox_direction-row-reverse</a></td> <td><a href="reference/flexbox_direction-row-reverse-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-direction: row-reverse @@ -249,9 +249,9 @@ </ul> </td> </tr> - <tr id="ttwf-reftest-flex-direction-column-5.1" class="primary"> - <td><strong> - <a href="ttwf-reftest-flex-direction-column.xht">ttwf-reftest-flex-direction-column</a></strong></td> + <tr id="ttwf-reftest-flex-direction-column-5.1" class=""> + <td> + <a href="ttwf-reftest-flex-direction-column.xht">ttwf-reftest-flex-direction-column</a></td> <td><a href="reference/ttwf-reftest-flex-direction-column-ref.xht">=</a> </td> <td></td> <td>flex-direction proprety - column @@ -260,9 +260,9 @@ </ul> </td> </tr> - <tr id="ttwf-reftest-flex-direction-column-reverse-5.1" class="primary"> - <td><strong> - <a href="ttwf-reftest-flex-direction-column-reverse.xht">ttwf-reftest-flex-direction-column-reverse</a></strong></td> + <tr id="ttwf-reftest-flex-direction-column-reverse-5.1" class=""> + <td> + <a href="ttwf-reftest-flex-direction-column-reverse.xht">ttwf-reftest-flex-direction-column-reverse</a></td> <td><a href="reference/ttwf-reftest-flex-direction-column-reverse-ref.xht">=</a> </td> <td></td> <td>flex-direction proprety - column-reverse @@ -271,9 +271,9 @@ </ul> </td> </tr> - <tr id="ttwf-reftest-flex-direction-row-reverse-5.1" class="primary"> - <td><strong> - <a href="ttwf-reftest-flex-direction-row-reverse.xht">ttwf-reftest-flex-direction-row-reverse</a></strong></td> + <tr id="ttwf-reftest-flex-direction-row-reverse-5.1" class=""> + <td> + <a href="ttwf-reftest-flex-direction-row-reverse.xht">ttwf-reftest-flex-direction-row-reverse</a></td> <td><a href="reference/ttwf-reftest-flex-direction-row-reverse-ref.xht">=</a> </td> <td></td> <td>flex-direction proprety - row-reverse @@ -285,9 +285,9 @@ </tbody> <tbody id="s5.1.#propdef-flex-direction"> <!-- 7 tests --> - <tr id="flex-margin-no-collapse-5.1.#propdef-flex-direction" class="primary"> - <td><strong> - <a href="flex-margin-no-collapse.xht">flex-margin-no-collapse</a></strong></td> + <tr id="flex-margin-no-collapse-5.1.#propdef-flex-direction" class=""> + <td> + <a href="flex-margin-no-collapse.xht">flex-margin-no-collapse</a></td> <td><a href="reference/flex-margin-no-collapse-ref.xht">=</a> </td> <td></td> <td>flex item margins @@ -296,49 +296,49 @@ </ul> </td> </tr> - <tr id="flexbox-writing-mode-001-5.1.#propdef-flex-direction" class="primary"> - <td><strong> - <a href="flexbox-writing-mode-001.xht">flexbox-writing-mode-001</a></strong></td> + <tr id="flexbox-writing-mode-001-5.1.#propdef-flex-direction" class=""> + <td> + <a href="flexbox-writing-mode-001.xht">flexbox-writing-mode-001</a></td> <td><a href="reference/flexbox-writing-mode-001-ref.xht">=</a> </td> <td></td> <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: horizontal-tb' </td> </tr> - <tr id="flexbox-writing-mode-002-5.1.#propdef-flex-direction" class="primary"> - <td><strong> - <a href="flexbox-writing-mode-002.xht">flexbox-writing-mode-002</a></strong></td> + <tr id="flexbox-writing-mode-002-5.1.#propdef-flex-direction" class=""> + <td> + <a href="flexbox-writing-mode-002.xht">flexbox-writing-mode-002</a></td> <td><a href="reference/flexbox-writing-mode-002-ref.xht">=</a> </td> <td></td> <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-rl' </td> </tr> - <tr id="flexbox-writing-mode-003-5.1.#propdef-flex-direction" class="primary"> - <td><strong> - <a href="flexbox-writing-mode-003.xht">flexbox-writing-mode-003</a></strong></td> + <tr id="flexbox-writing-mode-003-5.1.#propdef-flex-direction" class=""> + <td> + <a href="flexbox-writing-mode-003.xht">flexbox-writing-mode-003</a></td> <td><a href="reference/flexbox-writing-mode-003-ref.xht">=</a> </td> <td></td> <td>Try various flex-flow values, with 'direction: ltr' and 'writing-mode: vertical-lr' </td> </tr> - <tr id="flexbox-writing-mode-004-5.1.#propdef-flex-direction" class="primary"> - <td><strong> - <a href="flexbox-writing-mode-004.xht">flexbox-writing-mode-004</a></strong></td> + <tr id="flexbox-writing-mode-004-5.1.#propdef-flex-direction" class=""> + <td> + <a href="flexbox-writing-mode-004.xht">flexbox-writing-mode-004</a></td> <td><a href="reference/flexbox-writing-mode-004-ref.xht">=</a> </td> <td></td> <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: horizontal-tb' </td> </tr> - <tr id="flexbox-writing-mode-005-5.1.#propdef-flex-direction" class="primary"> - <td><strong> - <a href="flexbox-writing-mode-005.xht">flexbox-writing-mode-005</a></strong></td> + <tr id="flexbox-writing-mode-005-5.1.#propdef-flex-direction" class=""> + <td> + <a href="flexbox-writing-mode-005.xht">flexbox-writing-mode-005</a></td> <td><a href="reference/flexbox-writing-mode-005-ref.xht">=</a> </td> <td></td> <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-rl' </td> </tr> - <tr id="flexbox-writing-mode-006-5.1.#propdef-flex-direction" class="primary"> - <td><strong> - <a href="flexbox-writing-mode-006.xht">flexbox-writing-mode-006</a></strong></td> + <tr id="flexbox-writing-mode-006-5.1.#propdef-flex-direction" class=""> + <td> + <a href="flexbox-writing-mode-006.xht">flexbox-writing-mode-006</a></td> <td><a href="reference/flexbox-writing-mode-006-ref.xht">=</a> </td> <td></td> <td>Try various flex-flow values, with 'direction: rtl' and 'writing-mode: vertical-lr' @@ -512,51 +512,51 @@ <tbody id="s5.2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s5.2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">5.2 Flex Line Wrapping: the flex-wrap property</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flex-wrap-property">5.2 Flex Line Wrapping: the flex-wrap property</a></th></tr> <!-- 6 tests --> - <tr id="flexbox-flex-wrap-horiz-001-5.2" class="primary"> - <td><strong> - <a href="flexbox-flex-wrap-horiz-001.xht">flexbox-flex-wrap-horiz-001</a></strong></td> + <tr id="flexbox-flex-wrap-horiz-001-5.2" class=""> + <td> + <a href="flexbox-flex-wrap-horiz-001.xht">flexbox-flex-wrap-horiz-001</a></td> <td><a href="reference/flexbox-flex-wrap-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing flex-wrap in horizontal flex containers </td> </tr> - <tr id="flexbox-flex-wrap-horiz-002-5.2" class="primary"> - <td><strong> - <a href="flexbox-flex-wrap-horiz-002.xht">flexbox-flex-wrap-horiz-002</a></strong></td> + <tr id="flexbox-flex-wrap-horiz-002-5.2" class=""> + <td> + <a href="flexbox-flex-wrap-horiz-002.xht">flexbox-flex-wrap-horiz-002</a></td> <td><a href="reference/flexbox-flex-wrap-horiz-002-ref.xht">=</a> </td> <td></td> <td>Ensure that min-width is honored for horizontal multi-line flex containers </td> </tr> - <tr id="flexbox-flex-wrap-vert-001-5.2" class="primary"> - <td><strong> - <a href="flexbox-flex-wrap-vert-001.xht">flexbox-flex-wrap-vert-001</a></strong></td> + <tr id="flexbox-flex-wrap-vert-001-5.2" class=""> + <td> + <a href="flexbox-flex-wrap-vert-001.xht">flexbox-flex-wrap-vert-001</a></td> <td><a href="reference/flexbox-flex-wrap-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing flex-wrap in vertical flex containers </td> </tr> - <tr id="flexbox-flex-wrap-vert-002-5.2" class="primary"> - <td><strong> - <a href="flexbox-flex-wrap-vert-002.xht">flexbox-flex-wrap-vert-002</a></strong></td> + <tr id="flexbox-flex-wrap-vert-002-5.2" class=""> + <td> + <a href="flexbox-flex-wrap-vert-002.xht">flexbox-flex-wrap-vert-002</a></td> <td><a href="reference/flexbox-flex-wrap-vert-002-ref.xht">=</a> </td> <td></td> <td>Ensure that min-height is honored for vertical multi-line flex containers </td> </tr> - <tr id="flexbox-overflow-horiz-004-5.2" class="primary"> - <td><strong> - <a href="flexbox-overflow-horiz-004.xht">flexbox-overflow-horiz-004</a></strong></td> + <tr id="flexbox-overflow-horiz-004-5.2" class=""> + <td> + <a href="flexbox-overflow-horiz-004.xht">flexbox-overflow-horiz-004</a></td> <td><a href="reference/flexbox-overflow-horiz-004-ref.xht">=</a> </td> <td></td> <td>Testing 'overflow' property on a horizontal flex container, with 'flex-wrap: wrap' </td> </tr> - <tr id="flexbox-overflow-vert-004-5.2" class="primary"> - <td><strong> - <a href="flexbox-overflow-vert-004.xht">flexbox-overflow-vert-004</a></strong></td> + <tr id="flexbox-overflow-vert-004-5.2" class=""> + <td> + <a href="flexbox-overflow-vert-004.xht">flexbox-overflow-vert-004</a></td> <td><a href="reference/flexbox-overflow-vert-004-ref.xht">=</a> </td> <td></td> <td>Testing 'overflow' property on a vertical flex container, with 'flex-wrap: wrap' @@ -598,9 +598,9 @@ </ul> </td> </tr> - <tr id="flex-box-wrap-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="flex-box-wrap.xht">flex-box-wrap</a></strong></td> + <tr id="flex-box-wrap-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="flex-box-wrap.xht">flex-box-wrap</a></td> <td><a href="reference/flex-box-wrap-ref.xht">=</a> </td> <td></td> <td>flex-wrap: wrap @@ -741,9 +741,9 @@ </ul> </td> </tr> - <tr id="flex-wrap-001-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="flex-wrap-001.xht">flex-wrap-001</a></strong></td> + <tr id="flex-wrap-001-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="flex-wrap-001.xht">flex-wrap-001</a></td> <td></td> <td></td> <td>A flex container with 'flex-flow' set to 'wrap' @@ -752,9 +752,9 @@ </ul> </td> </tr> - <tr id="flex-wrap_nowrap-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="flex-wrap_nowrap.xht">flex-wrap_nowrap</a></strong></td> + <tr id="flex-wrap_nowrap-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="flex-wrap_nowrap.xht">flex-wrap_nowrap</a></td> <td></td> <td></td> <td>flex-wrap_nowrap @@ -763,9 +763,9 @@ </ul> </td> </tr> - <tr id="flex-wrap_wrap-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="flex-wrap_wrap.xht">flex-wrap_wrap</a></strong></td> + <tr id="flex-wrap_wrap-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="flex-wrap_wrap.xht">flex-wrap_wrap</a></td> <td></td> <td></td> <td>flex-wrap_wrap @@ -774,9 +774,9 @@ </ul> </td> </tr> - <tr id="flex-wrap_wrap-reverse-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="flex-wrap_wrap-reverse.xht">flex-wrap_wrap-reverse</a></strong></td> + <tr id="flex-wrap_wrap-reverse-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="flex-wrap_wrap-reverse.xht">flex-wrap_wrap-reverse</a></td> <td></td> <td></td> <td>flex-wrap_wrap-reverse @@ -785,9 +785,9 @@ </ul> </td> </tr> - <tr id="flexbox-flex-wrap-default-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="flexbox-flex-wrap-default.xht">flexbox-flex-wrap-default</a></strong></td> + <tr id="flexbox-flex-wrap-default-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="flexbox-flex-wrap-default.xht">flexbox-flex-wrap-default</a></td> <td><a href="reference/flexbox-flex-wrap-nowrap-ref.xht">=</a> </td> <td></td> <td>Flex-wrap defaults to nowrap @@ -796,9 +796,9 @@ </ul> </td> </tr> - <tr id="flexbox-flex-wrap-nowrap-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="flexbox-flex-wrap-nowrap.xht">flexbox-flex-wrap-nowrap</a></strong></td> + <tr id="flexbox-flex-wrap-nowrap-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="flexbox-flex-wrap-nowrap.xht">flexbox-flex-wrap-nowrap</a></td> <td><a href="reference/flexbox-flex-wrap-nowrap-ref.xht">=</a> </td> <td></td> <td>Flex-wrap = nowrap @@ -807,9 +807,9 @@ </ul> </td> </tr> - <tr id="flexbox-flex-wrap-wrap-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="flexbox-flex-wrap-wrap.xht">flexbox-flex-wrap-wrap</a></strong></td> + <tr id="flexbox-flex-wrap-wrap-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="flexbox-flex-wrap-wrap.xht">flexbox-flex-wrap-wrap</a></td> <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> <td></td> <td>Flex-wrap = wrap @@ -818,9 +818,9 @@ </ul> </td> </tr> - <tr id="flexbox-flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="flexbox-flex-wrap-wrap-reverse.xht">flexbox-flex-wrap-wrap-reverse</a></strong></td> + <tr id="flexbox-flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="flexbox-flex-wrap-wrap-reverse.xht">flexbox-flex-wrap-wrap-reverse</a></td> <td><a href="reference/flexbox-flex-direction-ref.xht">=</a> </td> <td></td> <td>Flex-wrap = wrap-reverse @@ -829,73 +829,73 @@ </ul> </td> </tr> - <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> + <tr id="flexbox_computedstyle_flex-wrap-invalid-5.2.#propdef-flex-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-wrap-invalid.xht">flexbox_computedstyle_flex-wrap-invalid</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-wrap-nowrap-5.2.#propdef-flex-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-wrap-nowrap.xht">flexbox_computedstyle_flex-wrap-nowrap</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-wrap-wrap-5.2.#propdef-flex-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-wrap-wrap.xht">flexbox_computedstyle_flex-wrap-wrap</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-wrap-wrap-reverse-5.2.#propdef-flex-wrap" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-wrap-wrap-reverse.xht">flexbox_computedstyle_flex-wrap-wrap-reverse</a></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> </tr> - <tr id="flexbox_rowspan-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="flexbox_rowspan.xht">flexbox_rowspan</a></strong></td> + <tr id="flexbox_rowspan-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="flexbox_rowspan.xht">flexbox_rowspan</a></td> <td><a href="reference/flexbox_rowspan-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainers in cells with rowspan </td> </tr> - <tr id="flexbox_wrap-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="flexbox_wrap.xht">flexbox_wrap</a></strong></td> + <tr id="flexbox_wrap-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="flexbox_wrap.xht">flexbox_wrap</a></td> <td><a href="reference/flexbox_wrap-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-wrap: wrap </td> </tr> - <tr id="flexbox_wrap-long-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="flexbox_wrap-long.xht">flexbox_wrap-long</a></strong></td> + <tr id="flexbox_wrap-long-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="flexbox_wrap-long.xht">flexbox_wrap-long</a></td> <td><a href="reference/flexbox_wrap-long-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-wrap: wrap / long items </td> </tr> - <tr id="flexbox_wrap-reverse-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="flexbox_wrap-reverse.xht">flexbox_wrap-reverse</a></strong></td> + <tr id="flexbox_wrap-reverse-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="flexbox_wrap-reverse.xht">flexbox_wrap-reverse</a></td> <td><a href="reference/flexbox_wrap-reverse-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-wrap: wrap </td> </tr> - <tr id="multi-line-wrap-reverse-column-reverse-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="multi-line-wrap-reverse-column-reverse.xht">multi-line-wrap-reverse-column-reverse</a></strong></td> + <tr id="multi-line-wrap-reverse-column-reverse-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="multi-line-wrap-reverse-column-reverse.xht">multi-line-wrap-reverse-column-reverse</a></td> <td><a href="reference/multi-line-wrap-reverse-column-reverse-ref.xht">=</a> </td> <td></td> <td>flex container multiline wrapping-reverse in column-reverse direction. @@ -904,9 +904,9 @@ </ul> </td> </tr> - <tr id="multi-line-wrap-reverse-row-reverse-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="multi-line-wrap-reverse-row-reverse.xht">multi-line-wrap-reverse-row-reverse</a></strong></td> + <tr id="multi-line-wrap-reverse-row-reverse-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="multi-line-wrap-reverse-row-reverse.xht">multi-line-wrap-reverse-row-reverse</a></td> <td><a href="reference/multi-line-wrap-reverse-row-reverse-ref.xht">=</a> </td> <td></td> <td>flex container multiline wrapping-reverse in row-reverse direction. @@ -915,9 +915,9 @@ </ul> </td> </tr> - <tr id="multi-line-wrap-with-column-reverse-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="multi-line-wrap-with-column-reverse.xht">multi-line-wrap-with-column-reverse</a></strong></td> + <tr id="multi-line-wrap-with-column-reverse-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="multi-line-wrap-with-column-reverse.xht">multi-line-wrap-with-column-reverse</a></td> <td><a href="reference/multi-line-wrap-with-column-reverse-ref.xht">=</a> </td> <td></td> <td>flex container multiline wrapping in column-reverse direction @@ -926,9 +926,9 @@ </ul> </td> </tr> - <tr id="multi-line-wrap-with-row-reverse-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="multi-line-wrap-with-row-reverse.xht">multi-line-wrap-with-row-reverse</a></strong></td> + <tr id="multi-line-wrap-with-row-reverse-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="multi-line-wrap-with-row-reverse.xht">multi-line-wrap-with-row-reverse</a></td> <td><a href="reference/multi-line-wrap-with-row-reverse-ref.xht">=</a> </td> <td></td> <td>flex container multiline wrapping in row-reverse direction @@ -937,9 +937,9 @@ </ul> </td> </tr> - <tr id="ttwf-reftest-flex-wrap-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="ttwf-reftest-flex-wrap.xht">ttwf-reftest-flex-wrap</a></strong></td> + <tr id="ttwf-reftest-flex-wrap-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="ttwf-reftest-flex-wrap.xht">ttwf-reftest-flex-wrap</a></td> <td><a href="reference/ttwf-reftest-flex-wrap-ref.xht">=</a> </td> <td></td> <td>flex-wrap proprety - wrap @@ -948,9 +948,9 @@ </ul> </td> </tr> - <tr id="ttwf-reftest-flex-wrap-reverse-5.2.#propdef-flex-wrap" class="primary"> - <td><strong> - <a href="ttwf-reftest-flex-wrap-reverse.xht">ttwf-reftest-flex-wrap-reverse</a></strong></td> + <tr id="ttwf-reftest-flex-wrap-reverse-5.2.#propdef-flex-wrap" class=""> + <td> + <a href="ttwf-reftest-flex-wrap-reverse.xht">ttwf-reftest-flex-wrap-reverse</a></td> <td><a href="reference/ttwf-reftest-flex-wrap-reverse-ref.xht">=</a> </td> <td></td> <td>flex-wrap proprety - wrap-reverse @@ -1100,7 +1100,7 @@ <tbody id="s5.3"> <tr><th colspan="4" scope="rowgroup"> <a href="#s5.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-flow-property">5.3 Flex Direction and Wrap: the flex-flow shorthand</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flex-flow-property">5.3 Flex Direction and Wrap: the flex-flow shorthand</a></th></tr> <!-- 3 tests --> <tr id="autoheight-regions-in-autoheight-flexbox-001-5.3" class="ahem"> <td> @@ -1113,17 +1113,17 @@ </ul> </td> </tr> - <tr id="flexbox-flex-flow-001-5.3" class="primary"> - <td><strong> - <a href="flexbox-flex-flow-001.xht">flexbox-flex-flow-001</a></strong></td> + <tr id="flexbox-flex-flow-001-5.3" class=""> + <td> + <a href="flexbox-flex-flow-001.xht">flexbox-flex-flow-001</a></td> <td><a href="reference/flexbox-flex-flow-001-ref.xht">=</a> </td> <td></td> <td>Testing all the values of the "flex-flow" shorthand property, with 4 flex items in each container </td> </tr> - <tr id="flexbox-flex-flow-002-5.3" class="primary"> - <td><strong> - <a href="flexbox-flex-flow-002.xht">flexbox-flex-flow-002</a></strong></td> + <tr id="flexbox-flex-flow-002-5.3" class=""> + <td> + <a href="flexbox-flex-flow-002.xht">flexbox-flex-flow-002</a></td> <td><a href="reference/flexbox-flex-flow-002-ref.xht">=</a> </td> <td></td> <td>Testing all the values of the "flex-flow" shorthand property, with 3 flex items in each container @@ -1143,9 +1143,9 @@ <td>flexbox |css-box-justify-content </td> </tr> - <tr id="css-flexbox-column-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="css-flexbox-column.xht">css-flexbox-column</a></strong></td> + <tr id="css-flexbox-column-5.3.#propdef-flex-flow" class=""> + <td> + <a href="css-flexbox-column.xht">css-flexbox-column</a></td> <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> <td></td> <td>flex direction: row @@ -1154,9 +1154,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-column-reverse-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="css-flexbox-column-reverse.xht">css-flexbox-column-reverse</a></strong></td> + <tr id="css-flexbox-column-reverse-5.3.#propdef-flex-flow" class=""> + <td> + <a href="css-flexbox-column-reverse.xht">css-flexbox-column-reverse</a></td> <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> <td></td> <td>flex direction: row @@ -1165,9 +1165,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-column-reverse-wrap-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="css-flexbox-column-reverse-wrap.xht">css-flexbox-column-reverse-wrap</a></strong></td> + <tr id="css-flexbox-column-reverse-wrap-5.3.#propdef-flex-flow" class=""> + <td> + <a href="css-flexbox-column-reverse-wrap.xht">css-flexbox-column-reverse-wrap</a></td> <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> <td></td> <td>flex direction: row @@ -1176,9 +1176,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-column-reverse-wrap-reverse-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="css-flexbox-column-reverse-wrap-reverse.xht">css-flexbox-column-reverse-wrap-reverse</a></strong></td> + <tr id="css-flexbox-column-reverse-wrap-reverse-5.3.#propdef-flex-flow" class=""> + <td> + <a href="css-flexbox-column-reverse-wrap-reverse.xht">css-flexbox-column-reverse-wrap-reverse</a></td> <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> <td></td> <td>flex direction: row @@ -1187,9 +1187,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-column-wrap-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="css-flexbox-column-wrap.xht">css-flexbox-column-wrap</a></strong></td> + <tr id="css-flexbox-column-wrap-5.3.#propdef-flex-flow" class=""> + <td> + <a href="css-flexbox-column-wrap.xht">css-flexbox-column-wrap</a></td> <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> <td></td> <td>flex direction: row @@ -1198,9 +1198,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-column-wrap-reverse-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="css-flexbox-column-wrap-reverse.xht">css-flexbox-column-wrap-reverse</a></strong></td> + <tr id="css-flexbox-column-wrap-reverse-5.3.#propdef-flex-flow" class=""> + <td> + <a href="css-flexbox-column-wrap-reverse.xht">css-flexbox-column-wrap-reverse</a></td> <td><a href="reference/css-flexbox-column-ref.xht">=</a> </td> <td></td> <td>flex direction: row @@ -1209,9 +1209,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-row-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="css-flexbox-row.xht">css-flexbox-row</a></strong></td> + <tr id="css-flexbox-row-5.3.#propdef-flex-flow" class=""> + <td> + <a href="css-flexbox-row.xht">css-flexbox-row</a></td> <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> <td></td> <td>flex direction: row, writing mode vertical @@ -1220,9 +1220,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-row-reverse-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="css-flexbox-row-reverse.xht">css-flexbox-row-reverse</a></strong></td> + <tr id="css-flexbox-row-reverse-5.3.#propdef-flex-flow" class=""> + <td> + <a href="css-flexbox-row-reverse.xht">css-flexbox-row-reverse</a></td> <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> <td></td> <td>flex direction: row, writing mode vertical @@ -1231,9 +1231,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-row-reverse-wrap-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="css-flexbox-row-reverse-wrap.xht">css-flexbox-row-reverse-wrap</a></strong></td> + <tr id="css-flexbox-row-reverse-wrap-5.3.#propdef-flex-flow" class=""> + <td> + <a href="css-flexbox-row-reverse-wrap.xht">css-flexbox-row-reverse-wrap</a></td> <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> <td></td> <td>flex direction: row, writing mode vertical @@ -1242,9 +1242,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="css-flexbox-row-reverse-wrap-reverse.xht">css-flexbox-row-reverse-wrap-reverse</a></strong></td> + <tr id="css-flexbox-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" class=""> + <td> + <a href="css-flexbox-row-reverse-wrap-reverse.xht">css-flexbox-row-reverse-wrap-reverse</a></td> <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> <td></td> <td>flex direction: row, writing mode vertical @@ -1253,9 +1253,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-row-wrap-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="css-flexbox-row-wrap.xht">css-flexbox-row-wrap</a></strong></td> + <tr id="css-flexbox-row-wrap-5.3.#propdef-flex-flow" class=""> + <td> + <a href="css-flexbox-row-wrap.xht">css-flexbox-row-wrap</a></td> <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> <td></td> <td>flex direction: row, writing mode vertical @@ -1264,9 +1264,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-row-wrap-reverse-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="css-flexbox-row-wrap-reverse.xht">css-flexbox-row-wrap-reverse</a></strong></td> + <tr id="css-flexbox-row-wrap-reverse-5.3.#propdef-flex-flow" class=""> + <td> + <a href="css-flexbox-row-wrap-reverse.xht">css-flexbox-row-wrap-reverse</a></td> <td><a href="reference/css-flexbox-row-ref.xht">=</a> </td> <td></td> <td>flex direction: row, writing mode vertical @@ -1275,9 +1275,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-test1-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="css-flexbox-test1.xht">css-flexbox-test1</a></strong></td> + <tr id="css-flexbox-test1-5.3.#propdef-flex-flow" class=""> + <td> + <a href="css-flexbox-test1.xht">css-flexbox-test1</a></td> <td><a href="reference/css-flexbox-test1-ref.xht">=</a> </td> <td></td> <td>flex direction: row, writing mode vertical @@ -1286,9 +1286,9 @@ </ul> </td> </tr> - <tr id="flex-flow-001-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flex-flow-001.xht">flex-flow-001</a></strong></td> + <tr id="flex-flow-001-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flex-flow-001.xht">flex-flow-001</a></td> <td><a href="reference/flex-flow-001-ref.xht">=</a> </td> <td></td> <td>flex-flow - row nowrap @@ -1297,9 +1297,9 @@ </ul> </td> </tr> - <tr id="flex-flow-002-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flex-flow-002.xht">flex-flow-002</a></strong></td> + <tr id="flex-flow-002-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flex-flow-002.xht">flex-flow-002</a></td> <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> <td></td> <td>flex-flow - row wrap @@ -1308,9 +1308,9 @@ </ul> </td> </tr> - <tr id="flex-flow-003-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flex-flow-003.xht">flex-flow-003</a></strong></td> + <tr id="flex-flow-003-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flex-flow-003.xht">flex-flow-003</a></td> <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> <td></td> <td>flex-flow - row wrap-reverse @@ -1319,9 +1319,9 @@ </ul> </td> </tr> - <tr id="flex-flow-004-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flex-flow-004.xht">flex-flow-004</a></strong></td> + <tr id="flex-flow-004-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flex-flow-004.xht">flex-flow-004</a></td> <td><a href="reference/flex-flow-001-ref.xht">=</a> </td> <td></td> <td>flex-flow - row-reverse nowrap @@ -1330,9 +1330,9 @@ </ul> </td> </tr> - <tr id="flex-flow-005-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flex-flow-005.xht">flex-flow-005</a></strong></td> + <tr id="flex-flow-005-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flex-flow-005.xht">flex-flow-005</a></td> <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> <td></td> <td>flex-flow - row-reverse wrap @@ -1341,9 +1341,9 @@ </ul> </td> </tr> - <tr id="flex-flow-006-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flex-flow-006.xht">flex-flow-006</a></strong></td> + <tr id="flex-flow-006-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flex-flow-006.xht">flex-flow-006</a></td> <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> <td></td> <td>flex-flow - row-reverse wrap-reverse @@ -1352,9 +1352,9 @@ </ul> </td> </tr> - <tr id="flex-flow-007-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flex-flow-007.xht">flex-flow-007</a></strong></td> + <tr id="flex-flow-007-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flex-flow-007.xht">flex-flow-007</a></td> <td><a href="reference/flex-flow-007-ref.xht">=</a> </td> <td></td> <td>flex-flow - column nowrap @@ -1363,9 +1363,9 @@ </ul> </td> </tr> - <tr id="flex-flow-008-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flex-flow-008.xht">flex-flow-008</a></strong></td> + <tr id="flex-flow-008-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flex-flow-008.xht">flex-flow-008</a></td> <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> <td></td> <td>flex-flow - column wrap @@ -1374,9 +1374,9 @@ </ul> </td> </tr> - <tr id="flex-flow-009-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flex-flow-009.xht">flex-flow-009</a></strong></td> + <tr id="flex-flow-009-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flex-flow-009.xht">flex-flow-009</a></td> <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> <td></td> <td>flex-flow - column wrap-reverse @@ -1385,9 +1385,9 @@ </ul> </td> </tr> - <tr id="flex-flow-010-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flex-flow-010.xht">flex-flow-010</a></strong></td> + <tr id="flex-flow-010-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flex-flow-010.xht">flex-flow-010</a></td> <td><a href="reference/flex-flow-007-ref.xht">=</a> </td> <td></td> <td>flex-flow - column-reverse nowrap @@ -1396,9 +1396,9 @@ </ul> </td> </tr> - <tr id="flex-flow-011-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flex-flow-011.xht">flex-flow-011</a></strong></td> + <tr id="flex-flow-011-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flex-flow-011.xht">flex-flow-011</a></td> <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> <td></td> <td>flex-flow - column-reverse wrap @@ -1407,9 +1407,9 @@ </ul> </td> </tr> - <tr id="flex-flow-012-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flex-flow-012.xht">flex-flow-012</a></strong></td> + <tr id="flex-flow-012-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flex-flow-012.xht">flex-flow-012</a></td> <td><a href="reference/flex-flow-002-ref.xht">=</a> </td> <td></td> <td>flex-flow - column-reverse wrap-reverse @@ -1418,209 +1418,209 @@ </ul> </td> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-column-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column.xht">flexbox_computedstyle_flex-flow-column</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-column-nowrap-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-nowrap.xht">flexbox_computedstyle_flex-flow-column-nowrap</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse.xht">flexbox_computedstyle_flex-flow-column-reverse</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-nowrap-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-column-reverse-nowrap</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-column-reverse-wrap-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-reverse-wrap.xht">flexbox_computedstyle_flex-flow-column-reverse-wrap</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap.xht">flexbox_computedstyle_flex-flow-column-wrap</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-column-wrap-reverse-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-column-wrap-reverse.xht">flexbox_computedstyle_flex-flow-column-wrap-reverse</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-nowrap-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-nowrap.xht">flexbox_computedstyle_flex-flow-nowrap</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-row-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row.xht">flexbox_computedstyle_flex-flow-row</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-row-nowrap-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-nowrap.xht">flexbox_computedstyle_flex-flow-row-nowrap</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse.xht">flexbox_computedstyle_flex-flow-row-reverse</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-nowrap-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-nowrap.xht">flexbox_computedstyle_flex-flow-row-reverse-nowrap</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-reverse-wrap.xht">flexbox_computedstyle_flex-flow-row-reverse-wrap</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-row-reverse-wrap-reverse-5.3.#propdef-flex-flow" 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><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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap.xht">flexbox_computedstyle_flex-flow-row-wrap</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-row-wrap-reverse-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-row-wrap-reverse.xht">flexbox_computedstyle_flex-flow-row-wrap-reverse</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-flow-wrap-5.3.#propdef-flex-flow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-flow-wrap.xht">flexbox_computedstyle_flex-flow-wrap</a></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> </tr> - <tr id="flexbox_flow-column-reverse-wrap-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flexbox_flow-column-reverse-wrap.xht">flexbox_flow-column-reverse-wrap</a></strong></td> + <tr id="flexbox_flow-column-reverse-wrap-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flexbox_flow-column-reverse-wrap.xht">flexbox_flow-column-reverse-wrap</a></td> <td><a href="reference/flexbox_flow-column-reverse-wrap-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-flow: column-reverse wrap </td> </tr> - <tr id="flexbox_flow-column-reverse-wrap-reverse-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flexbox_flow-column-reverse-wrap-reverse.xht">flexbox_flow-column-reverse-wrap-reverse</a></strong></td> + <tr id="flexbox_flow-column-reverse-wrap-reverse-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flexbox_flow-column-reverse-wrap-reverse.xht">flexbox_flow-column-reverse-wrap-reverse</a></td> <td><a href="reference/flexbox_flow-column-reverse-wrap-reverse-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-flow: column-reverse wrap-reverse </td> </tr> - <tr id="flexbox_flow-column-wrap-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flexbox_flow-column-wrap.xht">flexbox_flow-column-wrap</a></strong></td> + <tr id="flexbox_flow-column-wrap-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flexbox_flow-column-wrap.xht">flexbox_flow-column-wrap</a></td> <td><a href="reference/flexbox_flow-column-wrap-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-flow: column wrap </td> </tr> - <tr id="flexbox_flow-column-wrap-reverse-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flexbox_flow-column-wrap-reverse.xht">flexbox_flow-column-wrap-reverse</a></strong></td> + <tr id="flexbox_flow-column-wrap-reverse-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flexbox_flow-column-wrap-reverse.xht">flexbox_flow-column-wrap-reverse</a></td> <td><a href="reference/flexbox_flow-column-wrap-reverse-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-flow: column wrap-reverse </td> </tr> - <tr id="flexbox_flow-row-wrap-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flexbox_flow-row-wrap.xht">flexbox_flow-row-wrap</a></strong></td> + <tr id="flexbox_flow-row-wrap-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flexbox_flow-row-wrap.xht">flexbox_flow-row-wrap</a></td> <td><a href="reference/flexbox_flow-row-wrap-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-flow: row wrap </td> </tr> - <tr id="flexbox_flow-row-wrap-reverse-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flexbox_flow-row-wrap-reverse.xht">flexbox_flow-row-wrap-reverse</a></strong></td> + <tr id="flexbox_flow-row-wrap-reverse-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flexbox_flow-row-wrap-reverse.xht">flexbox_flow-row-wrap-reverse</a></td> <td><a href="reference/flexbox_flow-row-wrap-reverse-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-flow: row wrap-reverse </td> </tr> - <tr id="flexbox_rtl-flow-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flexbox_rtl-flow.xht">flexbox_rtl-flow</a></strong></td> + <tr id="flexbox_rtl-flow-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flexbox_rtl-flow.xht">flexbox_rtl-flow</a></td> <td><a href="reference/flexbox_rtl-flow-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-flow: column wrap | rtl </td> </tr> - <tr id="flexbox_rtl-flow-reverse-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flexbox_rtl-flow-reverse.xht">flexbox_rtl-flow-reverse</a></strong></td> + <tr id="flexbox_rtl-flow-reverse-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flexbox_rtl-flow-reverse.xht">flexbox_rtl-flow-reverse</a></td> <td><a href="reference/flexbox_rtl-flow-reverse-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-flow: column wrap-reverse | rtl </td> </tr> - <tr id="flexbox_rtl-order-5.3.#propdef-flex-flow" class="primary"> - <td><strong> - <a href="flexbox_rtl-order.xht">flexbox_rtl-order</a></strong></td> + <tr id="flexbox_rtl-order-5.3.#propdef-flex-flow" class=""> + <td> + <a href="flexbox_rtl-order.xht">flexbox_rtl-order</a></td> <td><a href="reference/flexbox_rtl-order-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-flow: column-reverse wrap-reverse; order | rtl @@ -1630,11 +1630,11 @@ <tbody id="s5.4"> <tr><th colspan="4" scope="rowgroup"> <a href="#s5.4">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#order-property">5.4 Display Order: the order property</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#order-property">5.4 Display Order: the order property</a></th></tr> <!-- 21 tests --> - <tr id="flex-order-5.4" class="primary"> - <td><strong> - <a href="flex-order.xht">flex-order</a></strong></td> + <tr id="flex-order-5.4" class=""> + <td> + <a href="flex-order.xht">flex-order</a></td> <td><a href="reference/flex-order-ref.xht">=</a> </td> <td></td> <td>flex order @@ -1812,9 +1812,9 @@ </tbody> <tbody id="s5.4.#propdef-order"> <!-- 17 tests --> - <tr id="flexbox-order-from-lowest-5.4.#propdef-order" class="primary"> - <td><strong> - <a href="flexbox-order-from-lowest.xht">flexbox-order-from-lowest</a></strong></td> + <tr id="flexbox-order-from-lowest-5.4.#propdef-order" class=""> + <td> + <a href="flexbox-order-from-lowest.xht">flexbox-order-from-lowest</a></td> <td></td> <td></td> <td>flex container layout starts with lowest order item @@ -1823,9 +1823,9 @@ </ul> </td> </tr> - <tr id="flexbox-order-only-flexitems-5.4.#propdef-order" class="primary"> - <td><strong> - <a href="flexbox-order-only-flexitems.xht">flexbox-order-only-flexitems</a></strong></td> + <tr id="flexbox-order-only-flexitems-5.4.#propdef-order" class=""> + <td> + <a href="flexbox-order-only-flexitems.xht">flexbox-order-only-flexitems</a></td> <td></td> <td></td> <td>order only affects flex items @@ -1834,81 +1834,81 @@ </ul> </td> </tr> - <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> + <tr id="flexbox_computedstyle_order-5.4.#propdef-order" class="dom"> + <td> + <a href="flexbox_computedstyle_order.xht">flexbox_computedstyle_order</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_order-inherit-5.4.#propdef-order" class="dom"> + <td> + <a href="flexbox_computedstyle_order-inherit.xht">flexbox_computedstyle_order-inherit</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_order-integer-5.4.#propdef-order" class="dom"> + <td> + <a href="flexbox_computedstyle_order-integer.xht">flexbox_computedstyle_order-integer</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_order-invalid-5.4.#propdef-order" class="dom"> + <td> + <a href="flexbox_computedstyle_order-invalid.xht">flexbox_computedstyle_order-invalid</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_order-negative-5.4.#propdef-order" class="dom"> + <td> + <a href="flexbox_computedstyle_order-negative.xht">flexbox_computedstyle_order-negative</a></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> </tr> - <tr id="flexbox_order-5.4.#propdef-order" class="primary"> - <td><strong> - <a href="flexbox_order.xht">flexbox_order</a></strong></td> + <tr id="flexbox_order-5.4.#propdef-order" class=""> + <td> + <a href="flexbox_order.xht">flexbox_order</a></td> <td><a href="reference/flexbox_order-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-flow: column-reverse wrap-reverse; order </td> </tr> - <tr id="flexbox_order-abspos-space-around-5.4.#propdef-order" class="primary"> - <td><strong> - <a href="flexbox_order-abspos-space-around.xht">flexbox_order-abspos-space-around</a></strong></td> + <tr id="flexbox_order-abspos-space-around-5.4.#propdef-order" class=""> + <td> + <a href="flexbox_order-abspos-space-around.xht">flexbox_order-abspos-space-around</a></td> <td><a href="reference/flexbox_order-abspos-space-around-ref.xht">=</a> </td> <td></td> <td>flexbox | order; justify-content: space-around </td> </tr> - <tr id="flexbox_order-box-5.4.#propdef-order" class="primary"> - <td><strong> - <a href="flexbox_order-box.xht">flexbox_order-box</a></strong></td> + <tr id="flexbox_order-box-5.4.#propdef-order" class=""> + <td> + <a href="flexbox_order-box.xht">flexbox_order-box</a></td> <td><a href="reference/flexbox_order-box-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-flow: column-reverse wrap-reverse; order </td> </tr> - <tr id="flexbox_order-noninteger-invalid-5.4.#propdef-order" class="primary"> - <td><strong> - <a href="flexbox_order-noninteger-invalid.xht">flexbox_order-noninteger-invalid</a></strong></td> + <tr id="flexbox_order-noninteger-invalid-5.4.#propdef-order" class=""> + <td> + <a href="flexbox_order-noninteger-invalid.xht">flexbox_order-noninteger-invalid</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-flow: column-reverse wrap-reverse; order </td> </tr> - <tr id="flexible-order-5.4.#propdef-order" class="primary"> - <td><strong> - <a href="Flexible-order.xht">flexible-order</a></strong></td> + <tr id="flexible-order-5.4.#propdef-order" class=""> + <td> + <a href="Flexible-order.xht">flexible-order</a></td> <td><a href="reference/Flexible-order-ref.xht">=</a> </td> <td></td> <td>Change the value of 'order' property @@ -1917,9 +1917,9 @@ </ul> </td> </tr> - <tr id="order-001-5.4.#propdef-order" class="primary"> - <td><strong> - <a href="order-001.xht">order-001</a></strong></td> + <tr id="order-001-5.4.#propdef-order" class=""> + <td> + <a href="order-001.xht">order-001</a></td> <td></td> <td></td> <td>The 'order' property on flex items set to a value of '-1' @@ -1928,9 +1928,9 @@ </ul> </td> </tr> - <tr id="order-with-column-reverse-5.4.#propdef-order" class="primary"> - <td><strong> - <a href="order-with-column-reverse.xht">order-with-column-reverse</a></strong></td> + <tr id="order-with-column-reverse-5.4.#propdef-order" class=""> + <td> + <a href="order-with-column-reverse.xht">order-with-column-reverse</a></td> <td><a href="reference/order-with-column-reverse-ref.xht">=</a> </td> <td></td> <td>flex container layout lowest order with column-reverse direction @@ -1939,9 +1939,9 @@ </ul> </td> </tr> - <tr id="order-with-row-reverse-5.4.#propdef-order" class="primary"> - <td><strong> - <a href="order-with-row-reverse.xht">order-with-row-reverse</a></strong></td> + <tr id="order-with-row-reverse-5.4.#propdef-order" class=""> + <td> + <a href="order-with-row-reverse.xht">order-with-row-reverse</a></td> <td><a href="reference/order-with-row-reverse-ref.xht">=</a> </td> <td></td> <td>flex container layout lowest order with row-reverse direction @@ -1950,9 +1950,9 @@ </ul> </td> </tr> - <tr id="order_value-5.4.#propdef-order" class="primary script"> - <td><strong> - <a href="order_value.xht">order_value</a></strong></td> + <tr id="order_value-5.4.#propdef-order" class="script"> + <td> + <a href="order_value.xht">order_value</a></td> <td></td> <td><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>order_check @@ -1961,9 +1961,9 @@ </ul> </td> </tr> - <tr id="ttwf-reftest-flex-order-5.4.#propdef-order" class="primary"> - <td><strong> - <a href="ttwf-reftest-flex-order.xht">ttwf-reftest-flex-order</a></strong></td> + <tr id="ttwf-reftest-flex-order-5.4.#propdef-order" class=""> + <td> + <a href="ttwf-reftest-flex-order.xht">ttwf-reftest-flex-order</a></td> <td><a href="reference/ttwf-reftest-flex-order-ref.xht">=</a> </td> <td></td> <td>order proprety - value @@ -1979,7 +1979,7 @@ <tbody id="s5.4.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s5.4.1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#order-accessibility">5.4.1 Reordering and Accessibility</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#order-accessibility">5.4.1 Reordering and Accessibility</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s5.4.1.#example-465c9ea3"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-6.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-6.xht index 3f2bdafcb5d..79f60ce438e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-6.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-6.xht @@ -30,11 +30,11 @@ <tbody id="s6"> <tr><th colspan="4" scope="rowgroup"> <a href="#s6">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-lines">6 Flex Lines</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flex-lines">6 Flex Lines</a></th></tr> <!-- 1 tests --> - <tr id="flexbox-flex-wrap-flexing-6" class="primary"> - <td><strong> - <a href="flexbox-flex-wrap-flexing.xht">flexbox-flex-wrap-flexing</a></strong></td> + <tr id="flexbox-flex-wrap-flexing-6" class=""> + <td> + <a href="flexbox-flex-wrap-flexing.xht">flexbox-flex-wrap-flexing</a></td> <td><a href="reference/flexbox-flex-wrap-flexing-ref.xht">=</a> </td> <td></td> <td>flex-wrap flexes widths after line breaking diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht index 56999d34ed6..9d5e290c5ef 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-7.xht @@ -30,11 +30,11 @@ <tbody id="s7"> <tr><th colspan="4" scope="rowgroup"> <a href="#s7">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flexibility">7 Flexibility</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flexibility">7 Flexibility</a></th></tr> <!-- 1 tests --> - <tr id="flex-items-flexibility-7" class="primary"> - <td><strong> - <a href="flex-items-flexibility.xht">flex-items-flexibility</a></strong></td> + <tr id="flex-items-flexibility-7" class=""> + <td> + <a href="flex-items-flexibility.xht">flex-items-flexibility</a></td> <td><a href="reference/flex-items-flexibility.xht">=</a> </td> <td></td> <td>CSS Flex-basis Test @@ -47,11 +47,11 @@ <tbody id="s7.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s7.1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-property">7.1 The flex Shorthand</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flex-property">7.1 The flex Shorthand</a></th></tr> <!-- 98 tests --> - <tr id="flex-001-7.1" class="primary"> - <td><strong> - <a href="flex-001.xht">flex-001</a></strong></td> + <tr id="flex-001-7.1" class=""> + <td> + <a href="flex-001.xht">flex-001</a></td> <td><a href="reference/justify-content-001-ref.xht">=</a> </td> <td></td> <td>The 'flex' shorthand adjusting the 'flex-grow' sub-property @@ -60,9 +60,9 @@ </ul> </td> </tr> - <tr id="flex-002-7.1" class="primary"> - <td><strong> - <a href="flex-002.xht">flex-002</a></strong></td> + <tr id="flex-002-7.1" class=""> + <td> + <a href="flex-002.xht">flex-002</a></td> <td><a href="reference/justify-content-001-ref.xht">=</a> </td> <td></td> <td>The 'flex' shorthand adjusting the 'flex-shrink' sub-property @@ -71,9 +71,9 @@ </ul> </td> </tr> - <tr id="flex-003-7.1" class="primary"> - <td><strong> - <a href="flex-003.xht">flex-003</a></strong></td> + <tr id="flex-003-7.1" class=""> + <td> + <a href="flex-003.xht">flex-003</a></td> <td><a href="reference/justify-content-001-ref.xht">=</a> </td> <td></td> <td>Comparing two different elements using different values for the 'flex-grow' sub-property on the 'flex' shorthand @@ -82,9 +82,9 @@ </ul> </td> </tr> - <tr id="flex-004-7.1" class="primary"> - <td><strong> - <a href="flex-004.xht">flex-004</a></strong></td> + <tr id="flex-004-7.1" class=""> + <td> + <a href="flex-004.xht">flex-004</a></td> <td><a href="reference/justify-content-001-ref.xht">=</a> </td> <td></td> <td>Comparing two different elements using different values for the 'flex-shrink' sub-property on the 'flex' shorthand @@ -93,9 +93,9 @@ </ul> </td> </tr> - <tr id="flex-vertical-align-effect-7.1" class="primary"> - <td><strong> - <a href="flex-vertical-align-effect.xht">flex-vertical-align-effect</a></strong></td> + <tr id="flex-vertical-align-effect-7.1" class=""> + <td> + <a href="flex-vertical-align-effect.xht">flex-vertical-align-effect</a></td> <td><a href="reference/flex-vertical-align-effect.xht">=</a> </td> <td></td> <td>'display' property set to 'flex' @@ -104,745 +104,745 @@ </ul> </td> </tr> - <tr id="flexbox_flex-0-0-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-0.xht">flexbox_flex-0-0</a></strong></td> + <tr id="flexbox_flex-0-0-7.1" class=""> + <td> + <a href="flexbox_flex-0-0.xht">flexbox_flex-0-0</a></td> <td><a href="reference/flexbox_flex-0-0-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 0 </td> </tr> - <tr id="flexbox_flex-0-0-0-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-0-0.xht">flexbox_flex-0-0-0</a></strong></td> + <tr id="flexbox_flex-0-0-0-7.1" class=""> + <td> + <a href="flexbox_flex-0-0-0.xht">flexbox_flex-0-0-0</a></td> <td><a href="reference/flexbox_flex-0-0-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 0 0 </td> </tr> - <tr id="flexbox_flex-0-0-0-unitless-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-0-0-unitless.xht">flexbox_flex-0-0-0-unitless</a></strong></td> + <tr id="flexbox_flex-0-0-0-unitless-7.1" class=""> + <td> + <a href="flexbox_flex-0-0-0-unitless.xht">flexbox_flex-0-0-0-unitless</a></td> <td><a href="reference/flexbox_flex-0-0-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 0 0 unitless </td> </tr> - <tr id="flexbox_flex-0-0-1-unitless-basis-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-0-1-unitless-basis.xht">flexbox_flex-0-0-1-unitless-basis</a></strong></td> + <tr id="flexbox_flex-0-0-1-unitless-basis-7.1" class=""> + <td> + <a href="flexbox_flex-0-0-1-unitless-basis.xht">flexbox_flex-0-0-1-unitless-basis</a></td> <td><a href="reference/flexbox_flex-unitless-basis-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 0 N unitless </td> </tr> - <tr id="flexbox_flex-0-0-auto-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-0-auto.xht">flexbox_flex-0-0-auto</a></strong></td> + <tr id="flexbox_flex-0-0-auto-7.1" class=""> + <td> + <a href="flexbox_flex-0-0-auto.xht">flexbox_flex-0-0-auto</a></td> <td><a href="reference/flexbox_flex-0-0-auto-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 0 auto </td> </tr> - <tr id="flexbox_flex-0-0-auto-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-0-auto-shrink.xht">flexbox_flex-0-0-auto-shrink</a></strong></td> + <tr id="flexbox_flex-0-0-auto-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-0-0-auto-shrink.xht">flexbox_flex-0-0-auto-shrink</a></td> <td><a href="reference/flexbox_flex-0-0-auto-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 0 auto | shrinking </td> </tr> - <tr id="flexbox_flex-0-0-n-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-0-N.xht">flexbox_flex-0-0-n</a></strong></td> + <tr id="flexbox_flex-0-0-n-7.1" class=""> + <td> + <a href="flexbox_flex-0-0-N.xht">flexbox_flex-0-0-n</a></td> <td><a href="reference/flexbox_flex-0-0-N-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 0 N </td> </tr> - <tr id="flexbox_flex-0-0-n-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-0-N-shrink.xht">flexbox_flex-0-0-n-shrink</a></strong></td> + <tr id="flexbox_flex-0-0-n-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-0-0-N-shrink.xht">flexbox_flex-0-0-n-shrink</a></td> <td><a href="reference/flexbox_flex-0-0-N-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 0 N | shrinking </td> </tr> - <tr id="flexbox_flex-0-0-n-unitless-basis-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-0-N-unitless-basis.xht">flexbox_flex-0-0-n-unitless-basis</a></strong></td> + <tr id="flexbox_flex-0-0-n-unitless-basis-7.1" class=""> + <td> + <a href="flexbox_flex-0-0-N-unitless-basis.xht">flexbox_flex-0-0-n-unitless-basis</a></td> <td><a href="reference/flexbox_flex-unitless-basis-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 0 N unitless </td> </tr> - <tr id="flexbox_flex-0-0-npercent-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-0-Npercent.xht">flexbox_flex-0-0-npercent</a></strong></td> + <tr id="flexbox_flex-0-0-npercent-7.1" class=""> + <td> + <a href="flexbox_flex-0-0-Npercent.xht">flexbox_flex-0-0-npercent</a></td> <td><a href="reference/flexbox_flex-0-0-Npercent-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 0 N% </td> </tr> - <tr id="flexbox_flex-0-0-npercent-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-0-Npercent-shrink.xht">flexbox_flex-0-0-npercent-shrink</a></strong></td> + <tr id="flexbox_flex-0-0-npercent-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-0-0-Npercent-shrink.xht">flexbox_flex-0-0-npercent-shrink</a></td> <td><a href="reference/flexbox_flex-0-0-Npercent-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 0 N% | shrinking </td> </tr> - <tr id="flexbox_flex-0-1-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-1.xht">flexbox_flex-0-1</a></strong></td> + <tr id="flexbox_flex-0-1-7.1" class=""> + <td> + <a href="flexbox_flex-0-1.xht">flexbox_flex-0-1</a></td> <td><a href="reference/flexbox_flex-0-1-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 1 </td> </tr> - <tr id="flexbox_flex-0-1-0-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-1-0.xht">flexbox_flex-0-1-0</a></strong></td> + <tr id="flexbox_flex-0-1-0-7.1" class=""> + <td> + <a href="flexbox_flex-0-1-0.xht">flexbox_flex-0-1-0</a></td> <td><a href="reference/flexbox_flex-0-1-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 1 0 </td> </tr> - <tr id="flexbox_flex-0-1-0-unitless-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-1-0-unitless.xht">flexbox_flex-0-1-0-unitless</a></strong></td> + <tr id="flexbox_flex-0-1-0-unitless-7.1" class=""> + <td> + <a href="flexbox_flex-0-1-0-unitless.xht">flexbox_flex-0-1-0-unitless</a></td> <td><a href="reference/flexbox_flex-0-1-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 1 0 unitless </td> </tr> - <tr id="flexbox_flex-0-1-1-unitless-basis-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-1-1-unitless-basis.xht">flexbox_flex-0-1-1-unitless-basis</a></strong></td> + <tr id="flexbox_flex-0-1-1-unitless-basis-7.1" class=""> + <td> + <a href="flexbox_flex-0-1-1-unitless-basis.xht">flexbox_flex-0-1-1-unitless-basis</a></td> <td><a href="reference/flexbox_flex-unitless-basis-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 1 1 unitless </td> </tr> - <tr id="flexbox_flex-0-1-auto-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-1-auto.xht">flexbox_flex-0-1-auto</a></strong></td> + <tr id="flexbox_flex-0-1-auto-7.1" class=""> + <td> + <a href="flexbox_flex-0-1-auto.xht">flexbox_flex-0-1-auto</a></td> <td><a href="reference/flexbox_flex-0-1-auto-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 1 auto </td> </tr> - <tr id="flexbox_flex-0-1-auto-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-1-auto-shrink.xht">flexbox_flex-0-1-auto-shrink</a></strong></td> + <tr id="flexbox_flex-0-1-auto-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-0-1-auto-shrink.xht">flexbox_flex-0-1-auto-shrink</a></td> <td><a href="reference/flexbox_flex-0-1-auto-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 1 auto | shrinking </td> </tr> - <tr id="flexbox_flex-0-1-n-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-1-N.xht">flexbox_flex-0-1-n</a></strong></td> + <tr id="flexbox_flex-0-1-n-7.1" class=""> + <td> + <a href="flexbox_flex-0-1-N.xht">flexbox_flex-0-1-n</a></td> <td><a href="reference/flexbox_flex-0-1-N-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 1 N </td> </tr> - <tr id="flexbox_flex-0-1-n-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-1-N-shrink.xht">flexbox_flex-0-1-n-shrink</a></strong></td> + <tr id="flexbox_flex-0-1-n-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-0-1-N-shrink.xht">flexbox_flex-0-1-n-shrink</a></td> <td><a href="reference/flexbox_flex-0-1-N-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 1 N | shrinking </td> </tr> - <tr id="flexbox_flex-0-1-n-unitless-basis-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-1-N-unitless-basis.xht">flexbox_flex-0-1-n-unitless-basis</a></strong></td> + <tr id="flexbox_flex-0-1-n-unitless-basis-7.1" class=""> + <td> + <a href="flexbox_flex-0-1-N-unitless-basis.xht">flexbox_flex-0-1-n-unitless-basis</a></td> <td><a href="reference/flexbox_flex-unitless-basis-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 1 N unitless </td> </tr> - <tr id="flexbox_flex-0-1-npercent-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-1-Npercent.xht">flexbox_flex-0-1-npercent</a></strong></td> + <tr id="flexbox_flex-0-1-npercent-7.1" class=""> + <td> + <a href="flexbox_flex-0-1-Npercent.xht">flexbox_flex-0-1-npercent</a></td> <td><a href="reference/flexbox_flex-0-1-Npercent-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 1 N% </td> </tr> - <tr id="flexbox_flex-0-1-npercent-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-1-Npercent-shrink.xht">flexbox_flex-0-1-npercent-shrink</a></strong></td> + <tr id="flexbox_flex-0-1-npercent-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-0-1-Npercent-shrink.xht">flexbox_flex-0-1-npercent-shrink</a></td> <td><a href="reference/flexbox_flex-0-1-Npercent-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 1 N% | shrinking </td> </tr> - <tr id="flexbox_flex-0-auto-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-auto.xht">flexbox_flex-0-auto</a></strong></td> + <tr id="flexbox_flex-0-auto-7.1" class=""> + <td> + <a href="flexbox_flex-0-auto.xht">flexbox_flex-0-auto</a></td> <td><a href="reference/flexbox_flex-initial-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 auto </td> </tr> - <tr id="flexbox_flex-0-n-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-N.xht">flexbox_flex-0-n</a></strong></td> + <tr id="flexbox_flex-0-n-7.1" class=""> + <td> + <a href="flexbox_flex-0-N.xht">flexbox_flex-0-n</a></td> <td><a href="reference/flexbox_flex-0-N-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 N </td> </tr> - <tr id="flexbox_flex-0-n-0-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-N-0.xht">flexbox_flex-0-n-0</a></strong></td> + <tr id="flexbox_flex-0-n-0-7.1" class=""> + <td> + <a href="flexbox_flex-0-N-0.xht">flexbox_flex-0-n-0</a></td> <td><a href="reference/flexbox_flex-0-N-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 N 0 </td> </tr> - <tr id="flexbox_flex-0-n-0-unitless-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-N-0-unitless.xht">flexbox_flex-0-n-0-unitless</a></strong></td> + <tr id="flexbox_flex-0-n-0-unitless-7.1" class=""> + <td> + <a href="flexbox_flex-0-N-0-unitless.xht">flexbox_flex-0-n-0-unitless</a></td> <td><a href="reference/flexbox_flex-0-N-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 N 0 unitless </td> </tr> - <tr id="flexbox_flex-0-n-auto-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-N-auto.xht">flexbox_flex-0-n-auto</a></strong></td> + <tr id="flexbox_flex-0-n-auto-7.1" class=""> + <td> + <a href="flexbox_flex-0-N-auto.xht">flexbox_flex-0-n-auto</a></td> <td><a href="reference/flexbox_flex-0-N-auto-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 N auto </td> </tr> - <tr id="flexbox_flex-0-n-auto-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-N-auto-shrink.xht">flexbox_flex-0-n-auto-shrink</a></strong></td> + <tr id="flexbox_flex-0-n-auto-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-0-N-auto-shrink.xht">flexbox_flex-0-n-auto-shrink</a></td> <td><a href="reference/flexbox_flex-0-N-auto-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 N auto | shrinking </td> </tr> - <tr id="flexbox_flex-0-n-n-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-N-N.xht">flexbox_flex-0-n-n</a></strong></td> + <tr id="flexbox_flex-0-n-n-7.1" class=""> + <td> + <a href="flexbox_flex-0-N-N.xht">flexbox_flex-0-n-n</a></td> <td><a href="reference/flexbox_flex-0-N-N-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 N N </td> </tr> - <tr id="flexbox_flex-0-n-n-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-N-N-shrink.xht">flexbox_flex-0-n-n-shrink</a></strong></td> + <tr id="flexbox_flex-0-n-n-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-0-N-N-shrink.xht">flexbox_flex-0-n-n-shrink</a></td> <td><a href="reference/flexbox_flex-0-N-N-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 N N | shrinking </td> </tr> - <tr id="flexbox_flex-0-n-npercent-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-N-Npercent.xht">flexbox_flex-0-n-npercent</a></strong></td> + <tr id="flexbox_flex-0-n-npercent-7.1" class=""> + <td> + <a href="flexbox_flex-0-N-Npercent.xht">flexbox_flex-0-n-npercent</a></td> <td><a href="reference/flexbox_flex-0-N-Npercent-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 N N% </td> </tr> - <tr id="flexbox_flex-0-n-npercent-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-0-N-Npercent-shrink.xht">flexbox_flex-0-n-npercent-shrink</a></strong></td> + <tr id="flexbox_flex-0-n-npercent-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-0-N-Npercent-shrink.xht">flexbox_flex-0-n-npercent-shrink</a></td> <td><a href="reference/flexbox_flex-0-N-Npercent-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 0 N N% | shrinking </td> </tr> - <tr id="flexbox_flex-1-0-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-0.xht">flexbox_flex-1-0</a></strong></td> + <tr id="flexbox_flex-1-0-7.1" class=""> + <td> + <a href="flexbox_flex-1-0.xht">flexbox_flex-1-0</a></td> <td><a href="reference/flexbox_flex-1-0-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 0 </td> </tr> - <tr id="flexbox_flex-1-0-0-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-0-0.xht">flexbox_flex-1-0-0</a></strong></td> + <tr id="flexbox_flex-1-0-0-7.1" class=""> + <td> + <a href="flexbox_flex-1-0-0.xht">flexbox_flex-1-0-0</a></td> <td><a href="reference/flexbox_flex-1-0-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 0 0 </td> </tr> - <tr id="flexbox_flex-1-0-0-unitless-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-0-0-unitless.xht">flexbox_flex-1-0-0-unitless</a></strong></td> + <tr id="flexbox_flex-1-0-0-unitless-7.1" class=""> + <td> + <a href="flexbox_flex-1-0-0-unitless.xht">flexbox_flex-1-0-0-unitless</a></td> <td><a href="reference/flexbox_flex-1-0-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 0 0 unitless </td> </tr> - <tr id="flexbox_flex-1-0-auto-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-0-auto.xht">flexbox_flex-1-0-auto</a></strong></td> + <tr id="flexbox_flex-1-0-auto-7.1" class=""> + <td> + <a href="flexbox_flex-1-0-auto.xht">flexbox_flex-1-0-auto</a></td> <td><a href="reference/flexbox_flex-1-0-auto-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 0 auto </td> </tr> - <tr id="flexbox_flex-1-0-auto-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-0-auto-shrink.xht">flexbox_flex-1-0-auto-shrink</a></strong></td> + <tr id="flexbox_flex-1-0-auto-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-1-0-auto-shrink.xht">flexbox_flex-1-0-auto-shrink</a></td> <td><a href="reference/flexbox_flex-1-0-auto-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 0 auto | shrinking </td> </tr> - <tr id="flexbox_flex-1-0-n-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-0-N.xht">flexbox_flex-1-0-n</a></strong></td> + <tr id="flexbox_flex-1-0-n-7.1" class=""> + <td> + <a href="flexbox_flex-1-0-N.xht">flexbox_flex-1-0-n</a></td> <td><a href="reference/flexbox_flex-1-0-N-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 0 N </td> </tr> - <tr id="flexbox_flex-1-0-n-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-0-N-shrink.xht">flexbox_flex-1-0-n-shrink</a></strong></td> + <tr id="flexbox_flex-1-0-n-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-1-0-N-shrink.xht">flexbox_flex-1-0-n-shrink</a></td> <td><a href="reference/flexbox_flex-1-0-N-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 0 N | shrinking </td> </tr> - <tr id="flexbox_flex-1-0-npercent-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-0-Npercent.xht">flexbox_flex-1-0-npercent</a></strong></td> + <tr id="flexbox_flex-1-0-npercent-7.1" class=""> + <td> + <a href="flexbox_flex-1-0-Npercent.xht">flexbox_flex-1-0-npercent</a></td> <td><a href="reference/flexbox_flex-1-0-Npercent-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 0 N% </td> </tr> - <tr id="flexbox_flex-1-0-npercent-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-0-Npercent-shrink.xht">flexbox_flex-1-0-npercent-shrink</a></strong></td> + <tr id="flexbox_flex-1-0-npercent-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-1-0-Npercent-shrink.xht">flexbox_flex-1-0-npercent-shrink</a></td> <td><a href="reference/flexbox_flex-1-0-Npercent-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 0 N% | shrinking </td> </tr> - <tr id="flexbox_flex-1-1-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-1.xht">flexbox_flex-1-1</a></strong></td> + <tr id="flexbox_flex-1-1-7.1" class=""> + <td> + <a href="flexbox_flex-1-1.xht">flexbox_flex-1-1</a></td> <td><a href="reference/flexbox_flex-1-1-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 1 </td> </tr> - <tr id="flexbox_flex-1-1-0-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-1-0.xht">flexbox_flex-1-1-0</a></strong></td> + <tr id="flexbox_flex-1-1-0-7.1" class=""> + <td> + <a href="flexbox_flex-1-1-0.xht">flexbox_flex-1-1-0</a></td> <td><a href="reference/flexbox_flex-1-1-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 1 0 </td> </tr> - <tr id="flexbox_flex-1-1-0-unitless-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-1-0-unitless.xht">flexbox_flex-1-1-0-unitless</a></strong></td> + <tr id="flexbox_flex-1-1-0-unitless-7.1" class=""> + <td> + <a href="flexbox_flex-1-1-0-unitless.xht">flexbox_flex-1-1-0-unitless</a></td> <td><a href="reference/flexbox_flex-1-1-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 1 0 unitless </td> </tr> - <tr id="flexbox_flex-1-1-auto-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-1-auto.xht">flexbox_flex-1-1-auto</a></strong></td> + <tr id="flexbox_flex-1-1-auto-7.1" class=""> + <td> + <a href="flexbox_flex-1-1-auto.xht">flexbox_flex-1-1-auto</a></td> <td><a href="reference/flexbox_flex-1-1-auto-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 1 auto </td> </tr> - <tr id="flexbox_flex-1-1-auto-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-1-auto-shrink.xht">flexbox_flex-1-1-auto-shrink</a></strong></td> + <tr id="flexbox_flex-1-1-auto-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-1-1-auto-shrink.xht">flexbox_flex-1-1-auto-shrink</a></td> <td><a href="reference/flexbox_flex-1-1-auto-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 1 auto | shrinking </td> </tr> - <tr id="flexbox_flex-1-1-n-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-1-N.xht">flexbox_flex-1-1-n</a></strong></td> + <tr id="flexbox_flex-1-1-n-7.1" class=""> + <td> + <a href="flexbox_flex-1-1-N.xht">flexbox_flex-1-1-n</a></td> <td><a href="reference/flexbox_flex-1-1-N-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 1 N </td> </tr> - <tr id="flexbox_flex-1-1-n-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-1-N-shrink.xht">flexbox_flex-1-1-n-shrink</a></strong></td> + <tr id="flexbox_flex-1-1-n-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-1-1-N-shrink.xht">flexbox_flex-1-1-n-shrink</a></td> <td><a href="reference/flexbox_flex-1-1-N-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 1 N | shrinking </td> </tr> - <tr id="flexbox_flex-1-1-npercent-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-1-Npercent.xht">flexbox_flex-1-1-npercent</a></strong></td> + <tr id="flexbox_flex-1-1-npercent-7.1" class=""> + <td> + <a href="flexbox_flex-1-1-Npercent.xht">flexbox_flex-1-1-npercent</a></td> <td><a href="reference/flexbox_flex-1-1-Npercent-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 1 N% </td> </tr> - <tr id="flexbox_flex-1-1-npercent-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-1-Npercent-shrink.xht">flexbox_flex-1-1-npercent-shrink</a></strong></td> + <tr id="flexbox_flex-1-1-npercent-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-1-1-Npercent-shrink.xht">flexbox_flex-1-1-npercent-shrink</a></td> <td><a href="reference/flexbox_flex-1-1-Npercent-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 1 N% | shrinking </td> </tr> - <tr id="flexbox_flex-1-n-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-N.xht">flexbox_flex-1-n</a></strong></td> + <tr id="flexbox_flex-1-n-7.1" class=""> + <td> + <a href="flexbox_flex-1-N.xht">flexbox_flex-1-n</a></td> <td><a href="reference/flexbox_flex-1-N-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 N </td> </tr> - <tr id="flexbox_flex-1-n-0-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-N-0.xht">flexbox_flex-1-n-0</a></strong></td> + <tr id="flexbox_flex-1-n-0-7.1" class=""> + <td> + <a href="flexbox_flex-1-N-0.xht">flexbox_flex-1-n-0</a></td> <td><a href="reference/flexbox_flex-1-N-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 N 0 </td> </tr> - <tr id="flexbox_flex-1-n-0-unitless-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-N-0-unitless.xht">flexbox_flex-1-n-0-unitless</a></strong></td> + <tr id="flexbox_flex-1-n-0-unitless-7.1" class=""> + <td> + <a href="flexbox_flex-1-N-0-unitless.xht">flexbox_flex-1-n-0-unitless</a></td> <td><a href="reference/flexbox_flex-1-N-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 N 0 unitless </td> </tr> - <tr id="flexbox_flex-1-n-auto-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-N-auto.xht">flexbox_flex-1-n-auto</a></strong></td> + <tr id="flexbox_flex-1-n-auto-7.1" class=""> + <td> + <a href="flexbox_flex-1-N-auto.xht">flexbox_flex-1-n-auto</a></td> <td><a href="reference/flexbox_flex-1-N-auto-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 N auto </td> </tr> - <tr id="flexbox_flex-1-n-auto-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-N-auto-shrink.xht">flexbox_flex-1-n-auto-shrink</a></strong></td> + <tr id="flexbox_flex-1-n-auto-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-1-N-auto-shrink.xht">flexbox_flex-1-n-auto-shrink</a></td> <td><a href="reference/flexbox_flex-1-N-auto-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 N auto | shrinking </td> </tr> - <tr id="flexbox_flex-1-n-n-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-N-N.xht">flexbox_flex-1-n-n</a></strong></td> + <tr id="flexbox_flex-1-n-n-7.1" class=""> + <td> + <a href="flexbox_flex-1-N-N.xht">flexbox_flex-1-n-n</a></td> <td><a href="reference/flexbox_flex-1-N-N-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 N N </td> </tr> - <tr id="flexbox_flex-1-n-n-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-N-N-shrink.xht">flexbox_flex-1-n-n-shrink</a></strong></td> + <tr id="flexbox_flex-1-n-n-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-1-N-N-shrink.xht">flexbox_flex-1-n-n-shrink</a></td> <td><a href="reference/flexbox_flex-1-N-N-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 N N | shrinking </td> </tr> - <tr id="flexbox_flex-1-n-npercent-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-N-Npercent.xht">flexbox_flex-1-n-npercent</a></strong></td> + <tr id="flexbox_flex-1-n-npercent-7.1" class=""> + <td> + <a href="flexbox_flex-1-N-Npercent.xht">flexbox_flex-1-n-npercent</a></td> <td><a href="reference/flexbox_flex-1-N-Npercent-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 N N% </td> </tr> - <tr id="flexbox_flex-1-n-npercent-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-1-N-Npercent-shrink.xht">flexbox_flex-1-n-npercent-shrink</a></strong></td> + <tr id="flexbox_flex-1-n-npercent-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-1-N-Npercent-shrink.xht">flexbox_flex-1-n-npercent-shrink</a></td> <td><a href="reference/flexbox_flex-1-N-Npercent-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: 1 N N% | shrinking </td> </tr> - <tr id="flexbox_flex-n-0-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-0.xht">flexbox_flex-n-0</a></strong></td> + <tr id="flexbox_flex-n-0-7.1" class=""> + <td> + <a href="flexbox_flex-N-0.xht">flexbox_flex-n-0</a></td> <td><a href="reference/flexbox_flex-N-0-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 0 </td> </tr> - <tr id="flexbox_flex-n-0-0-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-0-0.xht">flexbox_flex-n-0-0</a></strong></td> + <tr id="flexbox_flex-n-0-0-7.1" class=""> + <td> + <a href="flexbox_flex-N-0-0.xht">flexbox_flex-n-0-0</a></td> <td><a href="reference/flexbox_flex-N-0-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 0 0 </td> </tr> - <tr id="flexbox_flex-n-0-0-unitless-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-0-0-unitless.xht">flexbox_flex-n-0-0-unitless</a></strong></td> + <tr id="flexbox_flex-n-0-0-unitless-7.1" class=""> + <td> + <a href="flexbox_flex-N-0-0-unitless.xht">flexbox_flex-n-0-0-unitless</a></td> <td><a href="reference/flexbox_flex-N-0-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 0 0 unitless </td> </tr> - <tr id="flexbox_flex-n-0-auto-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-0-auto.xht">flexbox_flex-n-0-auto</a></strong></td> + <tr id="flexbox_flex-n-0-auto-7.1" class=""> + <td> + <a href="flexbox_flex-N-0-auto.xht">flexbox_flex-n-0-auto</a></td> <td><a href="reference/flexbox_flex-N-0-auto-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 0 auto </td> </tr> - <tr id="flexbox_flex-n-0-auto-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-0-auto-shrink.xht">flexbox_flex-n-0-auto-shrink</a></strong></td> + <tr id="flexbox_flex-n-0-auto-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-N-0-auto-shrink.xht">flexbox_flex-n-0-auto-shrink</a></td> <td><a href="reference/flexbox_flex-N-0-auto-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 0 auto | shrinking </td> </tr> - <tr id="flexbox_flex-n-0-n-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-0-N.xht">flexbox_flex-n-0-n</a></strong></td> + <tr id="flexbox_flex-n-0-n-7.1" class=""> + <td> + <a href="flexbox_flex-N-0-N.xht">flexbox_flex-n-0-n</a></td> <td><a href="reference/flexbox_flex-N-0-N-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 0 N </td> </tr> - <tr id="flexbox_flex-n-0-n-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-0-N-shrink.xht">flexbox_flex-n-0-n-shrink</a></strong></td> + <tr id="flexbox_flex-n-0-n-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-N-0-N-shrink.xht">flexbox_flex-n-0-n-shrink</a></td> <td><a href="reference/flexbox_flex-N-0-N-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 0 N | shrinking </td> </tr> - <tr id="flexbox_flex-n-0-npercent-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-0-Npercent.xht">flexbox_flex-n-0-npercent</a></strong></td> + <tr id="flexbox_flex-n-0-npercent-7.1" class=""> + <td> + <a href="flexbox_flex-N-0-Npercent.xht">flexbox_flex-n-0-npercent</a></td> <td><a href="reference/flexbox_flex-N-0-Npercent-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 0 N% </td> </tr> - <tr id="flexbox_flex-n-0-npercent-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-0-Npercent-shrink.xht">flexbox_flex-n-0-npercent-shrink</a></strong></td> + <tr id="flexbox_flex-n-0-npercent-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-N-0-Npercent-shrink.xht">flexbox_flex-n-0-npercent-shrink</a></td> <td><a href="reference/flexbox_flex-N-0-Npercent-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 0 N% | shrinking </td> </tr> - <tr id="flexbox_flex-n-1-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-1.xht">flexbox_flex-n-1</a></strong></td> + <tr id="flexbox_flex-n-1-7.1" class=""> + <td> + <a href="flexbox_flex-N-1.xht">flexbox_flex-n-1</a></td> <td><a href="reference/flexbox_flex-N-1-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 1 </td> </tr> - <tr id="flexbox_flex-n-1-0-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-1-0.xht">flexbox_flex-n-1-0</a></strong></td> + <tr id="flexbox_flex-n-1-0-7.1" class=""> + <td> + <a href="flexbox_flex-N-1-0.xht">flexbox_flex-n-1-0</a></td> <td><a href="reference/flexbox_flex-N-1-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 1 0 </td> </tr> - <tr id="flexbox_flex-n-1-0-unitless-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-1-0-unitless.xht">flexbox_flex-n-1-0-unitless</a></strong></td> + <tr id="flexbox_flex-n-1-0-unitless-7.1" class=""> + <td> + <a href="flexbox_flex-N-1-0-unitless.xht">flexbox_flex-n-1-0-unitless</a></td> <td><a href="reference/flexbox_flex-N-1-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 1 0 unitless </td> </tr> - <tr id="flexbox_flex-n-1-auto-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-1-auto.xht">flexbox_flex-n-1-auto</a></strong></td> + <tr id="flexbox_flex-n-1-auto-7.1" class=""> + <td> + <a href="flexbox_flex-N-1-auto.xht">flexbox_flex-n-1-auto</a></td> <td><a href="reference/flexbox_flex-N-1-auto-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 1 auto </td> </tr> - <tr id="flexbox_flex-n-1-auto-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-1-auto-shrink.xht">flexbox_flex-n-1-auto-shrink</a></strong></td> + <tr id="flexbox_flex-n-1-auto-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-N-1-auto-shrink.xht">flexbox_flex-n-1-auto-shrink</a></td> <td><a href="reference/flexbox_flex-N-1-auto-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 1 auto | shrinking </td> </tr> - <tr id="flexbox_flex-n-1-n-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-1-N.xht">flexbox_flex-n-1-n</a></strong></td> + <tr id="flexbox_flex-n-1-n-7.1" class=""> + <td> + <a href="flexbox_flex-N-1-N.xht">flexbox_flex-n-1-n</a></td> <td><a href="reference/flexbox_flex-N-1-N-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 1 N </td> </tr> - <tr id="flexbox_flex-n-1-n-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-1-N-shrink.xht">flexbox_flex-n-1-n-shrink</a></strong></td> + <tr id="flexbox_flex-n-1-n-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-N-1-N-shrink.xht">flexbox_flex-n-1-n-shrink</a></td> <td><a href="reference/flexbox_flex-N-1-N-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 1 N | shrinking </td> </tr> - <tr id="flexbox_flex-n-1-npercent-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-1-Npercent.xht">flexbox_flex-n-1-npercent</a></strong></td> + <tr id="flexbox_flex-n-1-npercent-7.1" class=""> + <td> + <a href="flexbox_flex-N-1-Npercent.xht">flexbox_flex-n-1-npercent</a></td> <td><a href="reference/flexbox_flex-N-1-Npercent-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 1 N% </td> </tr> - <tr id="flexbox_flex-n-1-npercent-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-1-Npercent-shrink.xht">flexbox_flex-n-1-npercent-shrink</a></strong></td> + <tr id="flexbox_flex-n-1-npercent-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-N-1-Npercent-shrink.xht">flexbox_flex-n-1-npercent-shrink</a></td> <td><a href="reference/flexbox_flex-N-1-Npercent-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N 1 N% | shrinking </td> </tr> - <tr id="flexbox_flex-n-n-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-N.xht">flexbox_flex-n-n</a></strong></td> + <tr id="flexbox_flex-n-n-7.1" class=""> + <td> + <a href="flexbox_flex-N-N.xht">flexbox_flex-n-n</a></td> <td><a href="reference/flexbox_flex-N-N-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N N </td> </tr> - <tr id="flexbox_flex-n-n-0-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-N-0.xht">flexbox_flex-n-n-0</a></strong></td> + <tr id="flexbox_flex-n-n-0-7.1" class=""> + <td> + <a href="flexbox_flex-N-N-0.xht">flexbox_flex-n-n-0</a></td> <td><a href="reference/flexbox_flex-N-N-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N N 0 </td> </tr> - <tr id="flexbox_flex-n-n-0-unitless-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-N-0-unitless.xht">flexbox_flex-n-n-0-unitless</a></strong></td> + <tr id="flexbox_flex-n-n-0-unitless-7.1" class=""> + <td> + <a href="flexbox_flex-N-N-0-unitless.xht">flexbox_flex-n-n-0-unitless</a></td> <td><a href="reference/flexbox_flex-N-N-0-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N N 0 unitless </td> </tr> - <tr id="flexbox_flex-n-n-auto-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-N-auto.xht">flexbox_flex-n-n-auto</a></strong></td> + <tr id="flexbox_flex-n-n-auto-7.1" class=""> + <td> + <a href="flexbox_flex-N-N-auto.xht">flexbox_flex-n-n-auto</a></td> <td><a href="reference/flexbox_flex-N-N-auto-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N N auto </td> </tr> - <tr id="flexbox_flex-n-n-auto-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-N-auto-shrink.xht">flexbox_flex-n-n-auto-shrink</a></strong></td> + <tr id="flexbox_flex-n-n-auto-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-N-N-auto-shrink.xht">flexbox_flex-n-n-auto-shrink</a></td> <td><a href="reference/flexbox_flex-N-N-auto-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N N auto | shrinking </td> </tr> - <tr id="flexbox_flex-n-n-n-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-N-N.xht">flexbox_flex-n-n-n</a></strong></td> + <tr id="flexbox_flex-n-n-n-7.1" class=""> + <td> + <a href="flexbox_flex-N-N-N.xht">flexbox_flex-n-n-n</a></td> <td><a href="reference/flexbox_flex-N-N-N-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N N N </td> </tr> - <tr id="flexbox_flex-n-n-n-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-N-N-shrink.xht">flexbox_flex-n-n-n-shrink</a></strong></td> + <tr id="flexbox_flex-n-n-n-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-N-N-N-shrink.xht">flexbox_flex-n-n-n-shrink</a></td> <td><a href="reference/flexbox_flex-N-N-N-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N N N | shrinking </td> </tr> - <tr id="flexbox_flex-n-n-npercent-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-N-Npercent.xht">flexbox_flex-n-n-npercent</a></strong></td> + <tr id="flexbox_flex-n-n-npercent-7.1" class=""> + <td> + <a href="flexbox_flex-N-N-Npercent.xht">flexbox_flex-n-n-npercent</a></td> <td><a href="reference/flexbox_flex-N-N-Npercent-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N N N% </td> </tr> - <tr id="flexbox_flex-n-n-npercent-shrink-7.1" class="primary"> - <td><strong> - <a href="flexbox_flex-N-N-Npercent-shrink.xht">flexbox_flex-n-n-npercent-shrink</a></strong></td> + <tr id="flexbox_flex-n-n-npercent-shrink-7.1" class=""> + <td> + <a href="flexbox_flex-N-N-Npercent-shrink.xht">flexbox_flex-n-n-npercent-shrink</a></td> <td><a href="reference/flexbox_flex-N-N-Npercent-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: N N N% | shrinking </td> </tr> - <tr id="flexbox_interactive_flex-transitions-7.1" class="primary interact"> - <td><strong> - <a href="flexbox_interactive_flex-transitions.xht">flexbox_interactive_flex-transitions</a></strong></td> + <tr id="flexbox_interactive_flex-transitions-7.1" class="interact"> + <td> + <a href="flexbox_interactive_flex-transitions.xht">flexbox_interactive_flex-transitions</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> <td>flexbox | transitioned flex </td> </tr> - <tr id="flexbox_interactive_order-transitions-7.1" class="primary interact"> - <td><strong> - <a href="flexbox_interactive_order-transitions.xht">flexbox_interactive_order-transitions</a></strong></td> + <tr id="flexbox_interactive_order-transitions-7.1" class="interact"> + <td> + <a href="flexbox_interactive_order-transitions.xht">flexbox_interactive_order-transitions</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> <td>flexbox | flex-flow and transitioned order </td> </tr> - <tr id="flexbox_interactive_order-transitions-2-7.1" class="primary interact"> - <td><strong> - <a href="flexbox_interactive_order-transitions-2.xht">flexbox_interactive_order-transitions-2</a></strong></td> + <tr id="flexbox_interactive_order-transitions-2-7.1" class="interact"> + <td> + <a href="flexbox_interactive_order-transitions-2.xht">flexbox_interactive_order-transitions-2</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> <td>flexbox | transitioned order </td> </tr> - <tr id="flexbox_item-bottom-float-7.1" class="primary"> - <td><strong> - <a href="flexbox_item-bottom-float.xht">flexbox_item-bottom-float</a></strong></td> + <tr id="flexbox_item-bottom-float-7.1" class=""> + <td> + <a href="flexbox_item-bottom-float.xht">flexbox_item-bottom-float</a></td> <td><a href="reference/flexbox_item-bottom-float-ref.xht">=</a> </td> <td></td> <td>flexbox | GCPM bottom float </td> </tr> - <tr id="flexbox_item-top-float-7.1" class="primary"> - <td><strong> - <a href="flexbox_item-top-float.xht">flexbox_item-top-float</a></strong></td> + <tr id="flexbox_item-top-float-7.1" class=""> + <td> + <a href="flexbox_item-top-float.xht">flexbox_item-top-float</a></td> <td><a href="reference/flexbox_item-top-float-ref.xht">=</a> </td> <td></td> <td>flexbox | floated item </td> </tr> - <tr id="flexbox_rowspan-overflow-7.1" class="primary"> - <td><strong> - <a href="flexbox_rowspan-overflow.xht">flexbox_rowspan-overflow</a></strong></td> + <tr id="flexbox_rowspan-overflow-7.1" class=""> + <td> + <a href="flexbox_rowspan-overflow.xht">flexbox_rowspan-overflow</a></td> <td><a href="reference/flexbox_rowspan-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainers in cells with rowspan </td> </tr> - <tr id="flexbox_rowspan-overflow-automatic-7.1" class="primary"> - <td><strong> - <a href="flexbox_rowspan-overflow-automatic.xht">flexbox_rowspan-overflow-automatic</a></strong></td> + <tr id="flexbox_rowspan-overflow-automatic-7.1" class=""> + <td> + <a href="flexbox_rowspan-overflow-automatic.xht">flexbox_rowspan-overflow-automatic</a></td> <td><a href="reference/flexbox_rowspan-ref.xht">=</a> </td> <td></td> <td>flexbox | flexcontainers in cells with rowspan @@ -874,57 +874,57 @@ </tbody> <tbody id="s7.1.#propdef-flex"> <!-- 7 tests --> - <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> + <tr id="flexbox_computedstyle_flex-shorthand-7.1.#propdef-flex" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-shorthand.xht">flexbox_computedstyle_flex-shorthand</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-shorthand-0-auto-7.1.#propdef-flex" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-shorthand-0-auto.xht">flexbox_computedstyle_flex-shorthand-0-auto</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-shorthand-auto-7.1.#propdef-flex" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-shorthand-auto.xht">flexbox_computedstyle_flex-shorthand-auto</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-shorthand-initial-7.1.#propdef-flex" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-shorthand-initial.xht">flexbox_computedstyle_flex-shorthand-initial</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-shorthand-invalid-7.1.#propdef-flex" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-shorthand-invalid.xht">flexbox_computedstyle_flex-shorthand-invalid</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-shorthand-none-7.1.#propdef-flex" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-shorthand-none.xht">flexbox_computedstyle_flex-shorthand-none</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-shorthand-number-7.1.#propdef-flex" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-shorthand-number.xht">flexbox_computedstyle_flex-shorthand-number</a></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 @@ -946,43 +946,43 @@ <tbody id="s7.1.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s7.1.1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-common">7.1.1 Common Values of flex</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flex-common">7.1.1 Common Values of flex</a></th></tr> <!-- 5 tests --> - <tr id="flexbox_flex-auto-7.1.1" class="primary"> - <td><strong> - <a href="flexbox_flex-auto.xht">flexbox_flex-auto</a></strong></td> + <tr id="flexbox_flex-auto-7.1.1" class=""> + <td> + <a href="flexbox_flex-auto.xht">flexbox_flex-auto</a></td> <td><a href="reference/flexbox_flex-auto-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: auto </td> </tr> - <tr id="flexbox_flex-initial-7.1.1" class="primary"> - <td><strong> - <a href="flexbox_flex-initial.xht">flexbox_flex-initial</a></strong></td> + <tr id="flexbox_flex-initial-7.1.1" class=""> + <td> + <a href="flexbox_flex-initial.xht">flexbox_flex-initial</a></td> <td><a href="reference/flexbox_flex-initial-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: initial </td> </tr> - <tr id="flexbox_flex-initial-2-7.1.1" class="primary"> - <td><strong> - <a href="flexbox_flex-initial-2.xht">flexbox_flex-initial-2</a></strong></td> + <tr id="flexbox_flex-initial-2-7.1.1" class=""> + <td> + <a href="flexbox_flex-initial-2.xht">flexbox_flex-initial-2</a></td> <td><a href="reference/flexbox_flex-initial-2-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: initial </td> </tr> - <tr id="flexbox_flex-natural-7.1.1" class="primary"> - <td><strong> - <a href="flexbox_flex-natural.xht">flexbox_flex-natural</a></strong></td> + <tr id="flexbox_flex-natural-7.1.1" class=""> + <td> + <a href="flexbox_flex-natural.xht">flexbox_flex-natural</a></td> <td><a href="reference/flexbox_flex-natural-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: larger integer </td> </tr> - <tr id="flexbox_flex-none-7.1.1" class="primary"> - <td><strong> - <a href="flexbox_flex-none.xht">flexbox_flex-none</a></strong></td> + <tr id="flexbox_flex-none-7.1.1" class=""> + <td> + <a href="flexbox_flex-none.xht">flexbox_flex-none</a></td> <td><a href="reference/flexbox_flex-none-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: none @@ -995,13 +995,13 @@ <tbody id="s7.2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s7.2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-components">7.2 Components of Flexibility</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flex-components">7.2 Components of Flexibility</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s7.2.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s7.2.1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-grow-property">7.2.1 The flex-grow property</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flex-grow-property">7.2.1 The flex-grow property</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s7.2.1.#propdef-flex-grow"> @@ -1028,9 +1028,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-img-expand-evenly-7.2.1.#propdef-flex-grow" class="primary"> - <td><strong> - <a href="css-flexbox-img-expand-evenly.xht">css-flexbox-img-expand-evenly</a></strong></td> + <tr id="css-flexbox-img-expand-evenly-7.2.1.#propdef-flex-grow" class=""> + <td> + <a href="css-flexbox-img-expand-evenly.xht">css-flexbox-img-expand-evenly</a></td> <td><a href="reference/css-flexbox-img-expand-evenly-ref.xht">=</a> </td> <td></td> <td>Image Expansion @@ -1039,9 +1039,9 @@ </ul> </td> </tr> - <tr id="flex-grow-001-7.2.1.#propdef-flex-grow" class="primary"> - <td><strong> - <a href="flex-grow-001.xht">flex-grow-001</a></strong></td> + <tr id="flex-grow-001-7.2.1.#propdef-flex-grow" class=""> + <td> + <a href="flex-grow-001.xht">flex-grow-001</a></td> <td><a href="reference/flex-grow-001-ref.xht">=</a> </td> <td></td> <td>Flex-grow Property of Block-level Flex Items @@ -1050,9 +1050,9 @@ </ul> </td> </tr> - <tr id="flex-grow-002-7.2.1.#propdef-flex-grow" class="primary"> - <td><strong> - <a href="flex-grow-002.xht">flex-grow-002</a></strong></td> + <tr id="flex-grow-002-7.2.1.#propdef-flex-grow" class=""> + <td> + <a href="flex-grow-002.xht">flex-grow-002</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-grow - 0(initial value) @@ -1061,9 +1061,9 @@ </ul> </td> </tr> - <tr id="flex-grow-003-7.2.1.#propdef-flex-grow" class="primary"> - <td><strong> - <a href="flex-grow-003.xht">flex-grow-003</a></strong></td> + <tr id="flex-grow-003-7.2.1.#propdef-flex-grow" class=""> + <td> + <a href="flex-grow-003.xht">flex-grow-003</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-grow - negative number @@ -1072,9 +1072,9 @@ </ul> </td> </tr> - <tr id="flex-grow-004-7.2.1.#propdef-flex-grow" class="primary"> - <td><strong> - <a href="flex-grow-004.xht">flex-grow-004</a></strong></td> + <tr id="flex-grow-004-7.2.1.#propdef-flex-grow" class=""> + <td> + <a href="flex-grow-004.xht">flex-grow-004</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-grow - (invalid when no space distributed) @@ -1083,9 +1083,9 @@ </ul> </td> </tr> - <tr id="flex-grow-005-7.2.1.#propdef-flex-grow" class="primary"> - <td><strong> - <a href="flex-grow-005.xht">flex-grow-005</a></strong></td> + <tr id="flex-grow-005-7.2.1.#propdef-flex-grow" class=""> + <td> + <a href="flex-grow-005.xht">flex-grow-005</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-grow - (invalid when applied to flex container) @@ -1094,9 +1094,9 @@ </ul> </td> </tr> - <tr id="flex-grow-006-7.2.1.#propdef-flex-grow" class="primary"> - <td><strong> - <a href="flex-grow-006.xht">flex-grow-006</a></strong></td> + <tr id="flex-grow-006-7.2.1.#propdef-flex-grow" class=""> + <td> + <a href="flex-grow-006.xht">flex-grow-006</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-grow - positive number(fill all space) @@ -1105,33 +1105,33 @@ </ul> </td> </tr> - <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> + <tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-grow-0.xht">flexbox_computedstyle_flex-grow-0</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-grow-invalid.xht">flexbox_computedstyle_flex-grow-invalid</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-grow-number.xht">flexbox_computedstyle_flex-grow-number</a></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> </tr> - <tr id="flexbox_interactive_flex-grow-transitions-7.2.1.#propdef-flex-grow" class="primary interact"> - <td><strong> - <a href="flexbox_interactive_flex-grow-transitions.xht">flexbox_interactive_flex-grow-transitions</a></strong></td> + <tr id="flexbox_interactive_flex-grow-transitions-7.2.1.#propdef-flex-grow" class="interact"> + <td> + <a href="flexbox_interactive_flex-grow-transitions.xht">flexbox_interactive_flex-grow-transitions</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> <td>flexbox | transitioned flex-grow @@ -1144,14 +1144,14 @@ <tbody id="s7.2.2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s7.2.2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">7.2.2 The flex-shrink property</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">7.2.2 The flex-shrink property</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s7.2.2.#propdef-flex-shrink"> <!-- 12 tests --> - <tr id="flex-shrink-001-7.2.2.#propdef-flex-shrink" class="primary"> - <td><strong> - <a href="flex-shrink-001.xht">flex-shrink-001</a></strong></td> + <tr id="flex-shrink-001-7.2.2.#propdef-flex-shrink" class=""> + <td> + <a href="flex-shrink-001.xht">flex-shrink-001</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-shrink - number(positive) @@ -1160,9 +1160,9 @@ </ul> </td> </tr> - <tr id="flex-shrink-002-7.2.2.#propdef-flex-shrink" class="primary"> - <td><strong> - <a href="flex-shrink-002.xht">flex-shrink-002</a></strong></td> + <tr id="flex-shrink-002-7.2.2.#propdef-flex-shrink" class=""> + <td> + <a href="flex-shrink-002.xht">flex-shrink-002</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-shrink - number(negative) @@ -1171,9 +1171,9 @@ </ul> </td> </tr> - <tr id="flex-shrink-003-7.2.2.#propdef-flex-shrink" class="primary"> - <td><strong> - <a href="flex-shrink-003.xht">flex-shrink-003</a></strong></td> + <tr id="flex-shrink-003-7.2.2.#propdef-flex-shrink" class=""> + <td> + <a href="flex-shrink-003.xht">flex-shrink-003</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-shrink - 1(initial value) @@ -1182,9 +1182,9 @@ </ul> </td> </tr> - <tr id="flex-shrink-004-7.2.2.#propdef-flex-shrink" class="primary"> - <td><strong> - <a href="flex-shrink-004.xht">flex-shrink-004</a></strong></td> + <tr id="flex-shrink-004-7.2.2.#propdef-flex-shrink" class=""> + <td> + <a href="flex-shrink-004.xht">flex-shrink-004</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-shrink - number(flex container has enough space) @@ -1193,9 +1193,9 @@ </ul> </td> </tr> - <tr id="flex-shrink-005-7.2.2.#propdef-flex-shrink" class="primary"> - <td><strong> - <a href="flex-shrink-005.xht">flex-shrink-005</a></strong></td> + <tr id="flex-shrink-005-7.2.2.#propdef-flex-shrink" class=""> + <td> + <a href="flex-shrink-005.xht">flex-shrink-005</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-shrink - 0 @@ -1204,9 +1204,9 @@ </ul> </td> </tr> - <tr id="flex-shrink-006-7.2.2.#propdef-flex-shrink" class="primary"> - <td><strong> - <a href="flex-shrink-006.xht">flex-shrink-006</a></strong></td> + <tr id="flex-shrink-006-7.2.2.#propdef-flex-shrink" class=""> + <td> + <a href="flex-shrink-006.xht">flex-shrink-006</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-shrink - 0(one of flex-shrinks sets 0, another not) @@ -1215,9 +1215,9 @@ </ul> </td> </tr> - <tr id="flex-shrink-007-7.2.2.#propdef-flex-shrink" class="primary"> - <td><strong> - <a href="flex-shrink-007.xht">flex-shrink-007</a></strong></td> + <tr id="flex-shrink-007-7.2.2.#propdef-flex-shrink" class=""> + <td> + <a href="flex-shrink-007.xht">flex-shrink-007</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-shrink - applied to flex container @@ -1226,41 +1226,41 @@ </ul> </td> </tr> - <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> + <tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-shrink-0.xht">flexbox_computedstyle_flex-shrink-0</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-shrink-invalid.xht">flexbox_computedstyle_flex-shrink-invalid</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-shrink-number.xht">flexbox_computedstyle_flex-shrink-number</a></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> </tr> - <tr id="flexbox_interactive_flex-shrink-transitions-7.2.2.#propdef-flex-shrink" class="primary interact"> - <td><strong> - <a href="flexbox_interactive_flex-shrink-transitions.xht">flexbox_interactive_flex-shrink-transitions</a></strong></td> + <tr id="flexbox_interactive_flex-shrink-transitions-7.2.2.#propdef-flex-shrink" class="interact"> + <td> + <a href="flexbox_interactive_flex-shrink-transitions.xht">flexbox_interactive_flex-shrink-transitions</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> <td>flexbox | transitioned flex-shrink </td> </tr> - <tr id="flexbox_interactive_flex-shrink-transitions-invalid-7.2.2.#propdef-flex-shrink" class="primary interact"> - <td><strong> - <a href="flexbox_interactive_flex-shrink-transitions-invalid.xht">flexbox_interactive_flex-shrink-transitions-invalid</a></strong></td> + <tr id="flexbox_interactive_flex-shrink-transitions-invalid-7.2.2.#propdef-flex-shrink" class="interact"> + <td> + <a href="flexbox_interactive_flex-shrink-transitions-invalid.xht">flexbox_interactive_flex-shrink-transitions-invalid</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> <td>flexbox | invalid flex-shrink transition @@ -1273,83 +1273,83 @@ <tbody id="s7.2.3"> <tr><th colspan="4" scope="rowgroup"> <a href="#s7.2.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-basis-property">7.2.3 The flex-basis property</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flex-basis-property">7.2.3 The flex-basis property</a></th></tr> <!-- 10 tests --> - <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> + <tr id="flexbox_computedstyle_flex-basis-0-7.2.3" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-basis-0.xht">flexbox_computedstyle_flex-basis-0</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-basis-0percent.xht">flexbox_computedstyle_flex-basis-0percent</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-basis-auto.xht">flexbox_computedstyle_flex-basis-auto</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="dom"> + <td> + <a href="flexbox_computedstyle_flex-basis-percent.xht">flexbox_computedstyle_flex-basis-percent</a></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> </tr> - <tr id="flexbox_flex-basis-7.2.3" class="primary"> - <td><strong> - <a href="flexbox_flex-basis.xht">flexbox_flex-basis</a></strong></td> + <tr id="flexbox_flex-basis-7.2.3" class=""> + <td> + <a href="flexbox_flex-basis.xht">flexbox_flex-basis</a></td> <td><a href="reference/flexbox_flex-basis-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-basis: percentage </td> </tr> - <tr id="flexbox_flex-basis-shrink-7.2.3" class="primary"> - <td><strong> - <a href="flexbox_flex-basis-shrink.xht">flexbox_flex-basis-shrink</a></strong></td> + <tr id="flexbox_flex-basis-shrink-7.2.3" class=""> + <td> + <a href="flexbox_flex-basis-shrink.xht">flexbox_flex-basis-shrink</a></td> <td><a href="reference/flexbox_flex-basis-shrink-ref.xht">=</a> </td> <td></td> <td>flexbox | flex-basis: percentage, flex-shrink: +integer </td> </tr> - <tr id="flexbox_flex-natural-mixed-basis-7.2.3" class="primary"> - <td><strong> - <a href="flexbox_flex-natural-mixed-basis.xht">flexbox_flex-natural-mixed-basis</a></strong></td> + <tr id="flexbox_flex-natural-mixed-basis-7.2.3" class=""> + <td> + <a href="flexbox_flex-natural-mixed-basis.xht">flexbox_flex-natural-mixed-basis</a></td> <td><a href="reference/flexbox_flex-natural-mixed-basis-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: larger integer, mixed basis </td> </tr> - <tr id="flexbox_flex-natural-mixed-basis-auto-7.2.3" class="primary"> - <td><strong> - <a href="flexbox_flex-natural-mixed-basis-auto.xht">flexbox_flex-natural-mixed-basis-auto</a></strong></td> + <tr id="flexbox_flex-natural-mixed-basis-auto-7.2.3" class=""> + <td> + <a href="flexbox_flex-natural-mixed-basis-auto.xht">flexbox_flex-natural-mixed-basis-auto</a></td> <td><a href="reference/flexbox_flex-natural-mixed-basis-auto-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: larger integer, mixed basis, auto </td> </tr> - <tr id="flexbox_flex-natural-variable-auto-basis-7.2.3" class="primary"> - <td><strong> - <a href="flexbox_flex-natural-variable-auto-basis.xht">flexbox_flex-natural-variable-auto-basis</a></strong></td> + <tr id="flexbox_flex-natural-variable-auto-basis-7.2.3" class=""> + <td> + <a href="flexbox_flex-natural-variable-auto-basis.xht">flexbox_flex-natural-variable-auto-basis</a></td> <td><a href="reference/flexbox_flex-natural-variable-auto-basis-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: larger integer, auto basis </td> </tr> - <tr id="flexbox_interactive_flex-basis-transitions-7.2.3" class="primary interact"> - <td><strong> - <a href="flexbox_interactive_flex-basis-transitions.xht">flexbox_interactive_flex-basis-transitions</a></strong></td> + <tr id="flexbox_interactive_flex-basis-transitions-7.2.3" class="interact"> + <td> + <a href="flexbox_interactive_flex-basis-transitions.xht">flexbox_interactive_flex-basis-transitions</a></td> <td></td> <td><abbr class="interact" title="Requires user interaction">Interact</abbr></td> <td>flexbox | transitioned flex-basis @@ -1364,9 +1364,9 @@ </tbody> <tbody id="s7.2.3.#propdef-flex-basis"> <!-- 9 tests --> - <tr id="flex-basis-001-7.2.3.#propdef-flex-basis" class="primary"> - <td><strong> - <a href="flex-basis-001.xht">flex-basis-001</a></strong></td> + <tr id="flex-basis-001-7.2.3.#propdef-flex-basis" class=""> + <td> + <a href="flex-basis-001.xht">flex-basis-001</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-basis - positive number @@ -1375,9 +1375,9 @@ </ul> </td> </tr> - <tr id="flex-basis-002-7.2.3.#propdef-flex-basis" class="primary"> - <td><strong> - <a href="flex-basis-002.xht">flex-basis-002</a></strong></td> + <tr id="flex-basis-002-7.2.3.#propdef-flex-basis" class=""> + <td> + <a href="flex-basis-002.xht">flex-basis-002</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-basis - positive number @@ -1386,9 +1386,9 @@ </ul> </td> </tr> - <tr id="flex-basis-003-7.2.3.#propdef-flex-basis" class="primary"> - <td><strong> - <a href="flex-basis-003.xht">flex-basis-003</a></strong></td> + <tr id="flex-basis-003-7.2.3.#propdef-flex-basis" class=""> + <td> + <a href="flex-basis-003.xht">flex-basis-003</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-basis - negative number(width not specified) @@ -1397,9 +1397,9 @@ </ul> </td> </tr> - <tr id="flex-basis-004-7.2.3.#propdef-flex-basis" class="primary"> - <td><strong> - <a href="flex-basis-004.xht">flex-basis-004</a></strong></td> + <tr id="flex-basis-004-7.2.3.#propdef-flex-basis" class=""> + <td> + <a href="flex-basis-004.xht">flex-basis-004</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-basis - negative number(width specified) @@ -1408,9 +1408,9 @@ </ul> </td> </tr> - <tr id="flex-basis-005-7.2.3.#propdef-flex-basis" class="primary"> - <td><strong> - <a href="flex-basis-005.xht">flex-basis-005</a></strong></td> + <tr id="flex-basis-005-7.2.3.#propdef-flex-basis" class=""> + <td> + <a href="flex-basis-005.xht">flex-basis-005</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-basis - 0 @@ -1419,9 +1419,9 @@ </ul> </td> </tr> - <tr id="flex-basis-006-7.2.3.#propdef-flex-basis" class="primary"> - <td><strong> - <a href="flex-basis-006.xht">flex-basis-006</a></strong></td> + <tr id="flex-basis-006-7.2.3.#propdef-flex-basis" class=""> + <td> + <a href="flex-basis-006.xht">flex-basis-006</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-basis - 0% @@ -1430,9 +1430,9 @@ </ul> </td> </tr> - <tr id="flex-basis-007-7.2.3.#propdef-flex-basis" class="primary"> - <td><strong> - <a href="flex-basis-007.xht">flex-basis-007</a></strong></td> + <tr id="flex-basis-007-7.2.3.#propdef-flex-basis" class=""> + <td> + <a href="flex-basis-007.xht">flex-basis-007</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-basis - auto @@ -1441,9 +1441,9 @@ </ul> </td> </tr> - <tr id="flex-basis-008-7.2.3.#propdef-flex-basis" class="primary"> - <td><strong> - <a href="flex-basis-008.xht">flex-basis-008</a></strong></td> + <tr id="flex-basis-008-7.2.3.#propdef-flex-basis" class=""> + <td> + <a href="flex-basis-008.xht">flex-basis-008</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>flex-basis - 50% @@ -1452,9 +1452,9 @@ </ul> </td> </tr> - <tr id="flexbox_flex-natural-variable-zero-basis-7.2.3.#propdef-flex-basis" class="primary"> - <td><strong> - <a href="flexbox_flex-natural-variable-zero-basis.xht">flexbox_flex-natural-variable-zero-basis</a></strong></td> + <tr id="flexbox_flex-natural-variable-zero-basis-7.2.3.#propdef-flex-basis" class=""> + <td> + <a href="flexbox_flex-natural-variable-zero-basis.xht">flexbox_flex-natural-variable-zero-basis</a></td> <td><a href="reference/flexbox_flex-natural-variable-zero-basis-ref.xht">=</a> </td> <td></td> <td>flexbox | flex: larger integer, zero basis diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht index 53d71d792e0..87202549cc0 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-8.xht @@ -30,11 +30,11 @@ <tbody id="s8"> <tr><th colspan="4" scope="rowgroup"> <a href="#s8">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#alignment">8 Alignment</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#alignment">8 Alignment</a></th></tr> <!-- 1 tests --> - <tr id="flex-align-items-center-8" class="primary"> - <td><strong> - <a href="flex-align-items-center.xht">flex-align-items-center</a></strong></td> + <tr id="flex-align-items-center-8" class=""> + <td> + <a href="flex-align-items-center.xht">flex-align-items-center</a></td> <td><a href="reference/flex-align-items-center-ref.xht">=</a> </td> <td></td> <td>CSS Flex-basis Test @@ -47,51 +47,51 @@ <tbody id="s8.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s8.1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#auto-margins">8.1 Aligning with auto margins</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#auto-margins">8.1 Aligning with auto margins</a></th></tr> <!-- 6 tests --> - <tr id="flexbox-align-self-horiz-005-8.1" class="primary"> - <td><strong> - <a href="flexbox-align-self-horiz-005.xht">flexbox-align-self-horiz-005</a></strong></td> + <tr id="flexbox-align-self-horiz-005-8.1" class=""> + <td> + <a href="flexbox-align-self-horiz-005.xht">flexbox-align-self-horiz-005</a></td> <td><a href="reference/flexbox-align-self-horiz-005-ref.xht">=</a> </td> <td></td> <td>Testing the behavior of 'align-self' with auto margins in play, in a horizontal flex container </td> </tr> - <tr id="flexbox-margin-auto-horiz-001-8.1" class="primary"> - <td><strong> - <a href="flexbox-margin-auto-horiz-001.xht">flexbox-margin-auto-horiz-001</a></strong></td> + <tr id="flexbox-margin-auto-horiz-001-8.1" class=""> + <td> + <a href="flexbox-margin-auto-horiz-001.xht">flexbox-margin-auto-horiz-001</a></td> <td><a href="reference/flexbox-margin-auto-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing horizontal auto margins on flex items in a horizontal flex container </td> </tr> - <tr id="flexbox-margin-auto-horiz-002-8.1" class="primary"> - <td><strong> - <a href="flexbox-margin-auto-horiz-002.xht">flexbox-margin-auto-horiz-002</a></strong></td> + <tr id="flexbox-margin-auto-horiz-002-8.1" class=""> + <td> + <a href="flexbox-margin-auto-horiz-002.xht">flexbox-margin-auto-horiz-002</a></td> <td><a href="reference/flexbox-margin-auto-horiz-002-ref.xht">=</a> </td> <td></td> <td>Testing vertical auto margins on flex items in a horizontal flex container </td> </tr> - <tr id="flexbox_margin-auto-8.1" class="primary"> - <td><strong> - <a href="flexbox_margin-auto.xht">flexbox_margin-auto</a></strong></td> + <tr id="flexbox_margin-auto-8.1" class=""> + <td> + <a href="flexbox_margin-auto.xht">flexbox_margin-auto</a></td> <td><a href="reference/flexbox_margin-auto-ref.xht">=</a> </td> <td></td> <td>flexbox | margin: auto </td> </tr> - <tr id="flexbox_margin-auto-overflow-8.1" class="primary"> - <td><strong> - <a href="flexbox_margin-auto-overflow.xht">flexbox_margin-auto-overflow</a></strong></td> + <tr id="flexbox_margin-auto-overflow-8.1" class=""> + <td> + <a href="flexbox_margin-auto-overflow.xht">flexbox_margin-auto-overflow</a></td> <td><a href="reference/flexbox_margin-auto-overflow-ref.xht">=</a> </td> <td></td> <td>flexbox | margin: auto in overflow </td> </tr> - <tr id="flexbox_margin-auto-overflow-2-8.1" class="primary"> - <td><strong> - <a href="flexbox_margin-auto-overflow-2.xht">flexbox_margin-auto-overflow-2</a></strong></td> + <tr id="flexbox_margin-auto-overflow-2-8.1" class=""> + <td> + <a href="flexbox_margin-auto-overflow-2.xht">flexbox_margin-auto-overflow-2</a></td> <td><a href="reference/flexbox_margin-auto-overflow-2-ref.xht">=</a> </td> <td></td> <td>flexbox | margin: auto in overflow @@ -113,99 +113,99 @@ <tbody id="s8.2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s8.2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#justify-content-property">8.2 Axis Alignment: the justify-content property</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#justify-content-property">8.2 Axis Alignment: the justify-content property</a></th></tr> <!-- 12 tests --> - <tr id="flexbox-justify-content-horiz-001a-8.2" class="primary"> - <td><strong> - <a href="flexbox-justify-content-horiz-001a.xht">flexbox-justify-content-horiz-001a</a></strong></td> + <tr id="flexbox-justify-content-horiz-001a-8.2" class=""> + <td> + <a href="flexbox-justify-content-horiz-001a.xht">flexbox-justify-content-horiz-001a</a></td> <td><a href="reference/flexbox-justify-content-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing 'justify-content' in a horizontal flex container </td> </tr> - <tr id="flexbox-justify-content-horiz-001b-8.2" class="primary"> - <td><strong> - <a href="flexbox-justify-content-horiz-001b.xht">flexbox-justify-content-horiz-001b</a></strong></td> + <tr id="flexbox-justify-content-horiz-001b-8.2" class=""> + <td> + <a href="flexbox-justify-content-horiz-001b.xht">flexbox-justify-content-horiz-001b</a></td> <td><a href="reference/flexbox-justify-content-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing 'justify-content' in a horizontal flex container with "min-width" </td> </tr> - <tr id="flexbox-justify-content-horiz-002-8.2" class="primary"> - <td><strong> - <a href="flexbox-justify-content-horiz-002.xht">flexbox-justify-content-horiz-002</a></strong></td> + <tr id="flexbox-justify-content-horiz-002-8.2" class=""> + <td> + <a href="flexbox-justify-content-horiz-002.xht">flexbox-justify-content-horiz-002</a></td> <td><a href="reference/flexbox-justify-content-horiz-002-ref.xht">=</a> </td> <td></td> <td>Testing 'justify-content' in a horizontal flex container, with margins/border/padding on flex items </td> </tr> - <tr id="flexbox-justify-content-horiz-003-8.2" class="primary"> - <td><strong> - <a href="flexbox-justify-content-horiz-003.xht">flexbox-justify-content-horiz-003</a></strong></td> + <tr id="flexbox-justify-content-horiz-003-8.2" class=""> + <td> + <a href="flexbox-justify-content-horiz-003.xht">flexbox-justify-content-horiz-003</a></td> <td><a href="reference/flexbox-justify-content-horiz-003-ref.xht">=</a> </td> <td></td> <td>Testing 'justify-content' in a horizontal flex container, and its effects on flex items that overflow </td> </tr> - <tr id="flexbox-justify-content-horiz-004-8.2" class="primary"> - <td><strong> - <a href="flexbox-justify-content-horiz-004.xht">flexbox-justify-content-horiz-004</a></strong></td> + <tr id="flexbox-justify-content-horiz-004-8.2" class=""> + <td> + <a href="flexbox-justify-content-horiz-004.xht">flexbox-justify-content-horiz-004</a></td> <td><a href="reference/flexbox-justify-content-horiz-004-ref.xht">=</a> </td> <td></td> <td>Testing 'justify-content' in a horizontal flex container, and its effects on flex items that overflow, with margins/border/padding on flex items </td> </tr> - <tr id="flexbox-justify-content-horiz-005-8.2" class="primary"> - <td><strong> - <a href="flexbox-justify-content-horiz-005.xht">flexbox-justify-content-horiz-005</a></strong></td> + <tr id="flexbox-justify-content-horiz-005-8.2" class=""> + <td> + <a href="flexbox-justify-content-horiz-005.xht">flexbox-justify-content-horiz-005</a></td> <td><a href="reference/flexbox-justify-content-horiz-005-ref.xht">=</a> </td> <td></td> <td>Testing 'justify-content' in an auto-sized horizontal flex container </td> </tr> - <tr id="flexbox-justify-content-vert-001a-8.2" class="primary"> - <td><strong> - <a href="flexbox-justify-content-vert-001a.xht">flexbox-justify-content-vert-001a</a></strong></td> + <tr id="flexbox-justify-content-vert-001a-8.2" class=""> + <td> + <a href="flexbox-justify-content-vert-001a.xht">flexbox-justify-content-vert-001a</a></td> <td><a href="reference/flexbox-justify-content-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing 'justify-content' in a vertical flex container </td> </tr> - <tr id="flexbox-justify-content-vert-001b-8.2" class="primary"> - <td><strong> - <a href="flexbox-justify-content-vert-001b.xht">flexbox-justify-content-vert-001b</a></strong></td> + <tr id="flexbox-justify-content-vert-001b-8.2" class=""> + <td> + <a href="flexbox-justify-content-vert-001b.xht">flexbox-justify-content-vert-001b</a></td> <td><a href="reference/flexbox-justify-content-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing 'justify-content' in a vertical flex container with "min-height" </td> </tr> - <tr id="flexbox-justify-content-vert-002-8.2" class="primary"> - <td><strong> - <a href="flexbox-justify-content-vert-002.xht">flexbox-justify-content-vert-002</a></strong></td> + <tr id="flexbox-justify-content-vert-002-8.2" class=""> + <td> + <a href="flexbox-justify-content-vert-002.xht">flexbox-justify-content-vert-002</a></td> <td><a href="reference/flexbox-justify-content-vert-002-ref.xht">=</a> </td> <td></td> <td>Testing 'justify-content' in a vertical flex container, with margins/border/padding on flex items </td> </tr> - <tr id="flexbox-justify-content-vert-003-8.2" class="primary"> - <td><strong> - <a href="flexbox-justify-content-vert-003.xht">flexbox-justify-content-vert-003</a></strong></td> + <tr id="flexbox-justify-content-vert-003-8.2" class=""> + <td> + <a href="flexbox-justify-content-vert-003.xht">flexbox-justify-content-vert-003</a></td> <td><a href="reference/flexbox-justify-content-vert-003-ref.xht">=</a> </td> <td></td> <td>Testing 'justify-content' in a vertical flex container, and its effects on flex items that overflow </td> </tr> - <tr id="flexbox-justify-content-vert-004-8.2" class="primary"> - <td><strong> - <a href="flexbox-justify-content-vert-004.xht">flexbox-justify-content-vert-004</a></strong></td> + <tr id="flexbox-justify-content-vert-004-8.2" class=""> + <td> + <a href="flexbox-justify-content-vert-004.xht">flexbox-justify-content-vert-004</a></td> <td><a href="reference/flexbox-justify-content-vert-004-ref.xht">=</a> </td> <td></td> <td>Testing 'justify-content' in a vertical flex container, and its effects on flex items that overflow, with margins/border/padding on flex items </td> </tr> - <tr id="flexbox-justify-content-vert-005-8.2" class="primary"> - <td><strong> - <a href="flexbox-justify-content-vert-005.xht">flexbox-justify-content-vert-005</a></strong></td> + <tr id="flexbox-justify-content-vert-005-8.2" class=""> + <td> + <a href="flexbox-justify-content-vert-005.xht">flexbox-justify-content-vert-005</a></td> <td><a href="reference/flexbox-justify-content-vert-005-ref.xht">=</a> </td> <td></td> <td>Testing 'justify-content' in an auto-sized vertical flex container @@ -214,153 +214,153 @@ </tbody> <tbody id="s8.2.#propdef-justify-content"> <!-- 28 tests --> - <tr id="css-box-justify-content-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="css-box-justify-content.xht">css-box-justify-content</a></strong></td> + <tr id="css-box-justify-content-8.2.#propdef-justify-content" class=""> + <td> + <a href="css-box-justify-content.xht">css-box-justify-content</a></td> <td><a href="reference/css-box-justify-content-ref.xht">=</a> </td> <td></td> <td>flexbox |css-box-justify-content </td> </tr> - <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> + <tr id="flexbox_computedstyle_justify-content-center-8.2.#propdef-justify-content" class="dom"> + <td> + <a href="flexbox_computedstyle_justify-content-center.xht">flexbox_computedstyle_justify-content-center</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_justify-content-flex-end-8.2.#propdef-justify-content" class="dom"> + <td> + <a href="flexbox_computedstyle_justify-content-flex-end.xht">flexbox_computedstyle_justify-content-flex-end</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_justify-content-flex-start-8.2.#propdef-justify-content" class="dom"> + <td> + <a href="flexbox_computedstyle_justify-content-flex-start.xht">flexbox_computedstyle_justify-content-flex-start</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_justify-content-space-around-8.2.#propdef-justify-content" class="dom"> + <td> + <a href="flexbox_computedstyle_justify-content-space-around.xht">flexbox_computedstyle_justify-content-space-around</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_justify-content-space-between-8.2.#propdef-justify-content" class="dom"> + <td> + <a href="flexbox_computedstyle_justify-content-space-between.xht">flexbox_computedstyle_justify-content-space-between</a></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> </tr> - <tr id="flexbox_justifycontent-center-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="flexbox_justifycontent-center.xht">flexbox_justifycontent-center</a></strong></td> + <tr id="flexbox_justifycontent-center-8.2.#propdef-justify-content" class=""> + <td> + <a href="flexbox_justifycontent-center.xht">flexbox_justifycontent-center</a></td> <td><a href="reference/flexbox_justifycontent-center-ref.xht">=</a> </td> <td></td> <td>flexbox | justify-content: center </td> </tr> - <tr id="flexbox_justifycontent-center-overflow-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="flexbox_justifycontent-center-overflow.xht">flexbox_justifycontent-center-overflow</a></strong></td> + <tr id="flexbox_justifycontent-center-overflow-8.2.#propdef-justify-content" class=""> + <td> + <a href="flexbox_justifycontent-center-overflow.xht">flexbox_justifycontent-center-overflow</a></td> <td><a href="reference/flexbox_justifycontent-center-overflow-ref.xht">=</a> </td> <td></td> <td>flexbox | justify-content: center / overflow </td> </tr> - <tr id="flexbox_justifycontent-flex-end-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="flexbox_justifycontent-flex-end.xht">flexbox_justifycontent-flex-end</a></strong></td> + <tr id="flexbox_justifycontent-flex-end-8.2.#propdef-justify-content" class=""> + <td> + <a href="flexbox_justifycontent-flex-end.xht">flexbox_justifycontent-flex-end</a></td> <td><a href="reference/flexbox_justifycontent-flex-end-ref.xht">=</a> </td> <td></td> <td>flexbox | justify-content: flex-end </td> </tr> - <tr id="flexbox_justifycontent-flex-start-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="flexbox_justifycontent-flex-start.xht">flexbox_justifycontent-flex-start</a></strong></td> + <tr id="flexbox_justifycontent-flex-start-8.2.#propdef-justify-content" class=""> + <td> + <a href="flexbox_justifycontent-flex-start.xht">flexbox_justifycontent-flex-start</a></td> <td><a href="reference/flexbox_justifycontent-flex-start-ref.xht">=</a> </td> <td></td> <td>flexbox | justify-content: flex-start </td> </tr> - <tr id="flexbox_justifycontent-spacearound-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="flexbox_justifycontent-spacearound.xht">flexbox_justifycontent-spacearound</a></strong></td> + <tr id="flexbox_justifycontent-spacearound-8.2.#propdef-justify-content" class=""> + <td> + <a href="flexbox_justifycontent-spacearound.xht">flexbox_justifycontent-spacearound</a></td> <td><a href="reference/flexbox_justifycontent-spacearound-ref.xht">=</a> </td> <td></td> <td>flexbox | justify-content: space-around </td> </tr> - <tr id="flexbox_justifycontent-spacearound-negative-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="flexbox_justifycontent-spacearound-negative.xht">flexbox_justifycontent-spacearound-negative</a></strong></td> + <tr id="flexbox_justifycontent-spacearound-negative-8.2.#propdef-justify-content" class=""> + <td> + <a href="flexbox_justifycontent-spacearound-negative.xht">flexbox_justifycontent-spacearound-negative</a></td> <td><a href="reference/flexbox_justifycontent-spacearound-negative-ref.xht">=</a> </td> <td></td> <td>flexbox | justify-content: space-around / negative </td> </tr> - <tr id="flexbox_justifycontent-spacearound-only-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="flexbox_justifycontent-spacearound-only.xht">flexbox_justifycontent-spacearound-only</a></strong></td> + <tr id="flexbox_justifycontent-spacearound-only-8.2.#propdef-justify-content" class=""> + <td> + <a href="flexbox_justifycontent-spacearound-only.xht">flexbox_justifycontent-spacearound-only</a></td> <td><a href="reference/flexbox_justifycontent-spacearound-only-ref.xht">=</a> </td> <td></td> <td>flexbox | justify-content: space-around | single item </td> </tr> - <tr id="flexbox_justifycontent-spacebetween-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="flexbox_justifycontent-spacebetween.xht">flexbox_justifycontent-spacebetween</a></strong></td> + <tr id="flexbox_justifycontent-spacebetween-8.2.#propdef-justify-content" class=""> + <td> + <a href="flexbox_justifycontent-spacebetween.xht">flexbox_justifycontent-spacebetween</a></td> <td><a href="reference/flexbox_justifycontent-spacebetween-ref.xht">=</a> </td> <td></td> <td>flexbox | justify-content: space-between </td> </tr> - <tr id="flexbox_justifycontent-spacebetween-negative-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="flexbox_justifycontent-spacebetween-negative.xht">flexbox_justifycontent-spacebetween-negative</a></strong></td> + <tr id="flexbox_justifycontent-spacebetween-negative-8.2.#propdef-justify-content" class=""> + <td> + <a href="flexbox_justifycontent-spacebetween-negative.xht">flexbox_justifycontent-spacebetween-negative</a></td> <td><a href="reference/flexbox_justifycontent-spacebetween-negative-ref.xht">=</a> </td> <td></td> <td>flexbox | justify-content: space-between / negative </td> </tr> - <tr id="flexbox_justifycontent-spacebetween-only-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="flexbox_justifycontent-spacebetween-only.xht">flexbox_justifycontent-spacebetween-only</a></strong></td> + <tr id="flexbox_justifycontent-spacebetween-only-8.2.#propdef-justify-content" class=""> + <td> + <a href="flexbox_justifycontent-spacebetween-only.xht">flexbox_justifycontent-spacebetween-only</a></td> <td><a href="reference/flexbox_justifycontent-spacebetween-only-ref.xht">=</a> </td> <td></td> <td>flexbox | justify-content: space-between | single item </td> </tr> - <tr id="flexbox_object-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="flexbox_object.xht">flexbox_object</a></strong></td> + <tr id="flexbox_object-8.2.#propdef-justify-content" class=""> + <td> + <a href="flexbox_object.xht">flexbox_object</a></td> <td><a href="reference/flexbox_object-ref.xht">=</a> </td> <td></td> <td>flexbox | object fallback as a flex item </td> </tr> - <tr id="flexbox_width-overflow-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="flexbox_width-overflow.xht">flexbox_width-overflow</a></strong></td> + <tr id="flexbox_width-overflow-8.2.#propdef-justify-content" class=""> + <td> + <a href="flexbox_width-overflow.xht">flexbox_width-overflow</a></td> <td><a href="reference/flexbox_empty-ref.xht">=</a> </td> <td></td> <td>flexbox | overflow </td> </tr> - <tr id="justify-content-001-8.2.#propdef-justify-content" class="primary image"> - <td><strong> - <a href="justify-content-001.xht">justify-content-001</a></strong></td> + <tr id="justify-content-001-8.2.#propdef-justify-content" class="image"> + <td> + <a href="justify-content-001.xht">justify-content-001</a></td> <td><a href="reference/justify-content-001-ref.xht">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>A flex container with 'justify-content' property set to 'center' @@ -369,9 +369,9 @@ </ul> </td> </tr> - <tr id="justify-content-002-8.2.#propdef-justify-content" class="primary image"> - <td><strong> - <a href="justify-content-002.xht">justify-content-002</a></strong></td> + <tr id="justify-content-002-8.2.#propdef-justify-content" class="image"> + <td> + <a href="justify-content-002.xht">justify-content-002</a></td> <td><a href="reference/justify-content-001-ref.xht">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>A flex container with the 'justify-content' property set to 'flex-start' @@ -380,9 +380,9 @@ </ul> </td> </tr> - <tr id="justify-content-003-8.2.#propdef-justify-content" class="primary image"> - <td><strong> - <a href="justify-content-003.xht">justify-content-003</a></strong></td> + <tr id="justify-content-003-8.2.#propdef-justify-content" class="image"> + <td> + <a href="justify-content-003.xht">justify-content-003</a></td> <td><a href="reference/justify-content-001-ref.xht">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>A flex container with the 'justify-content' property set to 'flex-end' @@ -391,9 +391,9 @@ </ul> </td> </tr> - <tr id="justify-content-004-8.2.#propdef-justify-content" class="primary image"> - <td><strong> - <a href="justify-content-004.xht">justify-content-004</a></strong></td> + <tr id="justify-content-004-8.2.#propdef-justify-content" class="image"> + <td> + <a href="justify-content-004.xht">justify-content-004</a></td> <td><a href="reference/justify-content-001-ref.xht">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>A flex container with the 'justify-content' property set to 'space-between' @@ -402,9 +402,9 @@ </ul> </td> </tr> - <tr id="justify-content-005-8.2.#propdef-justify-content" class="primary image"> - <td><strong> - <a href="justify-content-005.xht">justify-content-005</a></strong></td> + <tr id="justify-content-005-8.2.#propdef-justify-content" class="image"> + <td> + <a href="justify-content-005.xht">justify-content-005</a></td> <td><a href="reference/justify-content-001-ref.xht">=</a> </td> <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>A flex container with the 'justify-content' property set to 'space-around' @@ -413,9 +413,9 @@ </ul> </td> </tr> - <tr id="justify-content_center-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="justify-content_center.xht">justify-content_center</a></strong></td> + <tr id="justify-content_center-8.2.#propdef-justify-content" class=""> + <td> + <a href="justify-content_center.xht">justify-content_center</a></td> <td></td> <td></td> <td>justify-content_center @@ -424,9 +424,9 @@ </ul> </td> </tr> - <tr id="justify-content_flex-end-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="justify-content_flex-end.xht">justify-content_flex-end</a></strong></td> + <tr id="justify-content_flex-end-8.2.#propdef-justify-content" class=""> + <td> + <a href="justify-content_flex-end.xht">justify-content_flex-end</a></td> <td></td> <td></td> <td>justify-content_flex-end @@ -435,9 +435,9 @@ </ul> </td> </tr> - <tr id="justify-content_flex-start-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="justify-content_flex-start.xht">justify-content_flex-start</a></strong></td> + <tr id="justify-content_flex-start-8.2.#propdef-justify-content" class=""> + <td> + <a href="justify-content_flex-start.xht">justify-content_flex-start</a></td> <td></td> <td></td> <td>justify-content_flex-start @@ -446,9 +446,9 @@ </ul> </td> </tr> - <tr id="justify-content_space-around-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="justify-content_space-around.xht">justify-content_space-around</a></strong></td> + <tr id="justify-content_space-around-8.2.#propdef-justify-content" class=""> + <td> + <a href="justify-content_space-around.xht">justify-content_space-around</a></td> <td></td> <td></td> <td>justify-content_space-around @@ -457,9 +457,9 @@ </ul> </td> </tr> - <tr id="justify-content_space-between-8.2.#propdef-justify-content" class="primary"> - <td><strong> - <a href="justify-content_space-between.xht">justify-content_space-between</a></strong></td> + <tr id="justify-content_space-between-8.2.#propdef-justify-content" class=""> + <td> + <a href="justify-content_space-between.xht">justify-content_space-between</a></td> <td></td> <td></td> <td>justify-content_space-between @@ -487,11 +487,11 @@ <tbody id="s8.3"> <tr><th colspan="4" scope="rowgroup"> <a href="#s8.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#align-items-property">8.3 Cross-axis Alignment: the align-items and align-self properties</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#align-items-property">8.3 Cross-axis Alignment: the align-items and align-self properties</a></th></tr> <!-- 31 tests --> - <tr id="align-items-001-8.3" class="primary"> - <td><strong> - <a href="align-items-001.xht">align-items-001</a></strong></td> + <tr id="align-items-001-8.3" class=""> + <td> + <a href="align-items-001.xht">align-items-001</a></td> <td><a href="reference/align-content-001-ref.xht">=</a> </td> <td></td> <td>A flex container with the 'align-items' property set to 'center' @@ -500,9 +500,9 @@ </ul> </td> </tr> - <tr id="align-items-002-8.3" class="primary"> - <td><strong> - <a href="align-items-002.xht">align-items-002</a></strong></td> + <tr id="align-items-002-8.3" class=""> + <td> + <a href="align-items-002.xht">align-items-002</a></td> <td><a href="reference/align-content-001-ref.xht">=</a> </td> <td></td> <td>A flex container with the 'align-items' property set to 'flex-start' @@ -511,9 +511,9 @@ </ul> </td> </tr> - <tr id="align-items-003-8.3" class="primary"> - <td><strong> - <a href="align-items-003.xht">align-items-003</a></strong></td> + <tr id="align-items-003-8.3" class=""> + <td> + <a href="align-items-003.xht">align-items-003</a></td> <td><a href="reference/align-content-001-ref.xht">=</a> </td> <td></td> <td>A flex container with the 'align-items' property set to 'flex-end' @@ -522,9 +522,9 @@ </ul> </td> </tr> - <tr id="align-items-004-8.3" class="primary ahem"> - <td><strong> - <a href="align-items-004.xht">align-items-004</a></strong></td> + <tr id="align-items-004-8.3" class="ahem"> + <td> + <a href="align-items-004.xht">align-items-004</a></td> <td><a href="reference/align-content-001-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>A flex container with the 'align-items' property set to 'baseline' @@ -533,9 +533,9 @@ </ul> </td> </tr> - <tr id="align-items-005-8.3" class="primary"> - <td><strong> - <a href="align-items-005.xht">align-items-005</a></strong></td> + <tr id="align-items-005-8.3" class=""> + <td> + <a href="align-items-005.xht">align-items-005</a></td> <td><a href="reference/align-content-001-ref.xht">=</a> </td> <td></td> <td>A flex container with the 'align-items' property set to 'stretch' @@ -544,9 +544,9 @@ </ul> </td> </tr> - <tr id="align-self-001-8.3" class="primary"> - <td><strong> - <a href="align-self-001.xht">align-self-001</a></strong></td> + <tr id="align-self-001-8.3" class=""> + <td> + <a href="align-self-001.xht">align-self-001</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>align-self - flex-start @@ -555,9 +555,9 @@ </ul> </td> </tr> - <tr id="align-self-002-8.3" class="primary"> - <td><strong> - <a href="align-self-002.xht">align-self-002</a></strong></td> + <tr id="align-self-002-8.3" class=""> + <td> + <a href="align-self-002.xht">align-self-002</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>align-self - flex-end @@ -566,9 +566,9 @@ </ul> </td> </tr> - <tr id="align-self-003-8.3" class="primary"> - <td><strong> - <a href="align-self-003.xht">align-self-003</a></strong></td> + <tr id="align-self-003-8.3" class=""> + <td> + <a href="align-self-003.xht">align-self-003</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>align-self - center @@ -577,9 +577,9 @@ </ul> </td> </tr> - <tr id="align-self-004-8.3" class="primary"> - <td><strong> - <a href="align-self-004.xht">align-self-004</a></strong></td> + <tr id="align-self-004-8.3" class=""> + <td> + <a href="align-self-004.xht">align-self-004</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>align-self - stretch @@ -588,9 +588,9 @@ </ul> </td> </tr> - <tr id="align-self-005-8.3" class="primary"> - <td><strong> - <a href="align-self-005.xht">align-self-005</a></strong></td> + <tr id="align-self-005-8.3" class=""> + <td> + <a href="align-self-005.xht">align-self-005</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>align-self - stretch (height: number) @@ -599,9 +599,9 @@ </ul> </td> </tr> - <tr id="align-self-006-8.3" class="primary"> - <td><strong> - <a href="align-self-006.xht">align-self-006</a></strong></td> + <tr id="align-self-006-8.3" class=""> + <td> + <a href="align-self-006.xht">align-self-006</a></td> <td></td> <td></td> <td>align-self - baseline @@ -610,9 +610,9 @@ </ul> </td> </tr> - <tr id="align-self-007-8.3" class="primary"> - <td><strong> - <a href="align-self-007.xht">align-self-007</a></strong></td> + <tr id="align-self-007-8.3" class=""> + <td> + <a href="align-self-007.xht">align-self-007</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>align-self - auto and align-items - flex-start @@ -621,9 +621,9 @@ </ul> </td> </tr> - <tr id="align-self-008-8.3" class="primary"> - <td><strong> - <a href="align-self-008.xht">align-self-008</a></strong></td> + <tr id="align-self-008-8.3" class=""> + <td> + <a href="align-self-008.xht">align-self-008</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>align-self - auto and align-items - flex-end @@ -632,9 +632,9 @@ </ul> </td> </tr> - <tr id="align-self-009-8.3" class="primary"> - <td><strong> - <a href="align-self-009.xht">align-self-009</a></strong></td> + <tr id="align-self-009-8.3" class=""> + <td> + <a href="align-self-009.xht">align-self-009</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>align-self - auto and align-items - center @@ -643,9 +643,9 @@ </ul> </td> </tr> - <tr id="align-self-010-8.3" class="primary"> - <td><strong> - <a href="align-self-010.xht">align-self-010</a></strong></td> + <tr id="align-self-010-8.3" class=""> + <td> + <a href="align-self-010.xht">align-self-010</a></td> <td></td> <td></td> <td>align-self - auto and align-items - baseline @@ -654,9 +654,9 @@ </ul> </td> </tr> - <tr id="align-self-011-8.3" class="primary"> - <td><strong> - <a href="align-self-011.xht">align-self-011</a></strong></td> + <tr id="align-self-011-8.3" class=""> + <td> + <a href="align-self-011.xht">align-self-011</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>align-self - auto and align-items - stretch @@ -665,9 +665,9 @@ </ul> </td> </tr> - <tr id="align-self-012-8.3" class="primary"> - <td><strong> - <a href="align-self-012.xht">align-self-012</a></strong></td> + <tr id="align-self-012-8.3" class=""> + <td> + <a href="align-self-012.xht">align-self-012</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>align-self - auto (initial value) @@ -676,9 +676,9 @@ </ul> </td> </tr> - <tr id="align-self-013-8.3" class="primary"> - <td><strong> - <a href="align-self-013.xht">align-self-013</a></strong></td> + <tr id="align-self-013-8.3" class=""> + <td> + <a href="align-self-013.xht">align-self-013</a></td> <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> <td></td> <td>align-self - invalid if applied to flex container @@ -687,105 +687,105 @@ </ul> </td> </tr> - <tr id="flexbox-align-self-horiz-001-block-8.3" class="primary"> - <td><strong> - <a href="flexbox-align-self-horiz-001-block.xht">flexbox-align-self-horiz-001-block</a></strong></td> + <tr id="flexbox-align-self-horiz-001-block-8.3" class=""> + <td> + <a href="flexbox-align-self-horiz-001-block.xht">flexbox-align-self-horiz-001-block</a></td> <td><a href="reference/flexbox-align-self-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing the behavior of 'align-self' property values on flex items that are blocks, in a horizontal flex container </td> </tr> - <tr id="flexbox-align-self-horiz-001-table-8.3" class="primary"> - <td><strong> - <a href="flexbox-align-self-horiz-001-table.xht">flexbox-align-self-horiz-001-table</a></strong></td> + <tr id="flexbox-align-self-horiz-001-table-8.3" class=""> + <td> + <a href="flexbox-align-self-horiz-001-table.xht">flexbox-align-self-horiz-001-table</a></td> <td><a href="reference/flexbox-align-self-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing the various 'align-self' property values on flex items that are tables </td> </tr> - <tr id="flexbox-align-self-horiz-002-8.3" class="primary"> - <td><strong> - <a href="flexbox-align-self-horiz-002.xht">flexbox-align-self-horiz-002</a></strong></td> + <tr id="flexbox-align-self-horiz-002-8.3" class=""> + <td> + <a href="flexbox-align-self-horiz-002.xht">flexbox-align-self-horiz-002</a></td> <td><a href="reference/flexbox-align-self-horiz-002-ref.xht">=</a> </td> <td></td> <td>Testing the behavior of 'align-self' with a horizontal flex container, with margin/padding/border on the items </td> </tr> - <tr id="flexbox-align-self-horiz-003-8.3" class="primary"> - <td><strong> - <a href="flexbox-align-self-horiz-003.xht">flexbox-align-self-horiz-003</a></strong></td> + <tr id="flexbox-align-self-horiz-003-8.3" class=""> + <td> + <a href="flexbox-align-self-horiz-003.xht">flexbox-align-self-horiz-003</a></td> <td><a href="reference/flexbox-align-self-horiz-003-ref.xht">=</a> </td> <td></td> <td>Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items </td> </tr> - <tr id="flexbox-align-self-horiz-004-8.3" class="primary"> - <td><strong> - <a href="flexbox-align-self-horiz-004.xht">flexbox-align-self-horiz-004</a></strong></td> + <tr id="flexbox-align-self-horiz-004-8.3" class=""> + <td> + <a href="flexbox-align-self-horiz-004.xht">flexbox-align-self-horiz-004</a></td> <td><a href="reference/flexbox-align-self-horiz-004-ref.xht">=</a> </td> <td></td> <td>Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items, with margin/padding/border on the items </td> </tr> - <tr id="flexbox-align-self-vert-001-8.3" class="primary"> - <td><strong> - <a href="flexbox-align-self-vert-001.xht">flexbox-align-self-vert-001</a></strong></td> + <tr id="flexbox-align-self-vert-001-8.3" class=""> + <td> + <a href="flexbox-align-self-vert-001.xht">flexbox-align-self-vert-001</a></td> <td><a href="reference/flexbox-align-self-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing the behavior of 'align-self' property values on flex items that are blocks, in a vertical flex container </td> </tr> - <tr id="flexbox-align-self-vert-002-8.3" class="primary"> - <td><strong> - <a href="flexbox-align-self-vert-002.xht">flexbox-align-self-vert-002</a></strong></td> + <tr id="flexbox-align-self-vert-002-8.3" class=""> + <td> + <a href="flexbox-align-self-vert-002.xht">flexbox-align-self-vert-002</a></td> <td><a href="reference/flexbox-align-self-vert-002-ref.xht">=</a> </td> <td></td> <td>Testing the behavior of 'align-self' with a vertical flex container, with margin/padding/border on the items </td> </tr> - <tr id="flexbox-align-self-vert-003-8.3" class="primary"> - <td><strong> - <a href="flexbox-align-self-vert-003.xht">flexbox-align-self-vert-003</a></strong></td> + <tr id="flexbox-align-self-vert-003-8.3" class=""> + <td> + <a href="flexbox-align-self-vert-003.xht">flexbox-align-self-vert-003</a></td> <td><a href="reference/flexbox-align-self-vert-003-ref.xht">=</a> </td> <td></td> <td>Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items </td> </tr> - <tr id="flexbox-align-self-vert-004-8.3" class="primary"> - <td><strong> - <a href="flexbox-align-self-vert-004.xht">flexbox-align-self-vert-004</a></strong></td> + <tr id="flexbox-align-self-vert-004-8.3" class=""> + <td> + <a href="flexbox-align-self-vert-004.xht">flexbox-align-self-vert-004</a></td> <td><a href="reference/flexbox-align-self-vert-004-ref.xht">=</a> </td> <td></td> <td>Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items, with margin/padding/border on the items </td> </tr> - <tr id="flexbox-align-self-vert-rtl-001-8.3" class="primary"> - <td><strong> - <a href="flexbox-align-self-vert-rtl-001.xht">flexbox-align-self-vert-rtl-001</a></strong></td> + <tr id="flexbox-align-self-vert-rtl-001-8.3" class=""> + <td> + <a href="flexbox-align-self-vert-rtl-001.xht">flexbox-align-self-vert-rtl-001</a></td> <td><a href="reference/flexbox-align-self-vert-rtl-001-ref.xht">=</a> </td> <td></td> <td>Testing the behavior of 'align-self' property values on flex items that are blocks, in a vertical flex container with 'direction: rtl' </td> </tr> - <tr id="flexbox-align-self-vert-rtl-002-8.3" class="primary"> - <td><strong> - <a href="flexbox-align-self-vert-rtl-002.xht">flexbox-align-self-vert-rtl-002</a></strong></td> + <tr id="flexbox-align-self-vert-rtl-002-8.3" class=""> + <td> + <a href="flexbox-align-self-vert-rtl-002.xht">flexbox-align-self-vert-rtl-002</a></td> <td><a href="reference/flexbox-align-self-vert-rtl-002-ref.xht">=</a> </td> <td></td> <td>Testing the behavior of 'align-self' with a vertical flex container, with margin/padding/border on the items and with 'direction: rtl' </td> </tr> - <tr id="flexbox-align-self-vert-rtl-003-8.3" class="primary"> - <td><strong> - <a href="flexbox-align-self-vert-rtl-003.xht">flexbox-align-self-vert-rtl-003</a></strong></td> + <tr id="flexbox-align-self-vert-rtl-003-8.3" class=""> + <td> + <a href="flexbox-align-self-vert-rtl-003.xht">flexbox-align-self-vert-rtl-003</a></td> <td><a href="reference/flexbox-align-self-vert-rtl-003-ref.xht">=</a> </td> <td></td> <td>Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items and with 'direction: rtl' </td> </tr> - <tr id="flexbox-align-self-vert-rtl-004-8.3" class="primary"> - <td><strong> - <a href="flexbox-align-self-vert-rtl-004.xht">flexbox-align-self-vert-rtl-004</a></strong></td> + <tr id="flexbox-align-self-vert-rtl-004-8.3" class=""> + <td> + <a href="flexbox-align-self-vert-rtl-004.xht">flexbox-align-self-vert-rtl-004</a></td> <td><a href="reference/flexbox-align-self-vert-rtl-004-ref.xht">=</a> </td> <td></td> <td>Testing the behavior of 'align-self' with a vertical flex container that's skinnier than its items, with margin/padding/border on the items and with 'direction: rtl' @@ -794,49 +794,49 @@ </tbody> <tbody id="s8.3.#baseline-participation"> <!-- 6 tests --> - <tr id="flexbox-align-self-baseline-horiz-001a-8.3.#baseline-participation" class="primary"> - <td><strong> - <a href="flexbox-align-self-baseline-horiz-001a.xht">flexbox-align-self-baseline-horiz-001a</a></strong></td> + <tr id="flexbox-align-self-baseline-horiz-001a-8.3.#baseline-participation" class=""> + <td> + <a href="flexbox-align-self-baseline-horiz-001a.xht">flexbox-align-self-baseline-horiz-001a</a></td> <td><a href="reference/flexbox-align-self-baseline-horiz-001-ref.xht">=</a> </td> <td></td> <td>Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' </td> </tr> - <tr id="flexbox-align-self-baseline-horiz-001b-8.3.#baseline-participation" class="primary"> - <td><strong> - <a href="flexbox-align-self-baseline-horiz-001b.xht">flexbox-align-self-baseline-horiz-001b</a></strong></td> + <tr id="flexbox-align-self-baseline-horiz-001b-8.3.#baseline-participation" class=""> + <td> + <a href="flexbox-align-self-baseline-horiz-001b.xht">flexbox-align-self-baseline-horiz-001b</a></td> <td><a href="reference/flexbox-align-self-baseline-horiz-001-ref.xht">=</a> </td> <td></td> <td>Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a wrap-reverse flex container </td> </tr> - <tr id="flexbox-align-self-baseline-horiz-002-8.3.#baseline-participation" class="primary"> - <td><strong> - <a href="flexbox-align-self-baseline-horiz-002.xht">flexbox-align-self-baseline-horiz-002</a></strong></td> + <tr id="flexbox-align-self-baseline-horiz-002-8.3.#baseline-participation" class=""> + <td> + <a href="flexbox-align-self-baseline-horiz-002.xht">flexbox-align-self-baseline-horiz-002</a></td> <td><a href="reference/flexbox-align-self-baseline-horiz-002-ref.xht">=</a> </td> <td></td> <td>Baseline alignment of flex items in fixed-size single-line flex container </td> </tr> - <tr id="flexbox-align-self-baseline-horiz-003-8.3.#baseline-participation" class="primary"> - <td><strong> - <a href="flexbox-align-self-baseline-horiz-003.xht">flexbox-align-self-baseline-horiz-003</a></strong></td> + <tr id="flexbox-align-self-baseline-horiz-003-8.3.#baseline-participation" class=""> + <td> + <a href="flexbox-align-self-baseline-horiz-003.xht">flexbox-align-self-baseline-horiz-003</a></td> <td><a href="reference/flexbox-align-self-baseline-horiz-003-ref.xht">=</a> </td> <td></td> <td>Baseline alignment of flex items in fixed-size single-line flex container, with cross axis reversed </td> </tr> - <tr id="flexbox-align-self-baseline-horiz-004-8.3.#baseline-participation" class="primary"> - <td><strong> - <a href="flexbox-align-self-baseline-horiz-004.xht">flexbox-align-self-baseline-horiz-004</a></strong></td> + <tr id="flexbox-align-self-baseline-horiz-004-8.3.#baseline-participation" class=""> + <td> + <a href="flexbox-align-self-baseline-horiz-004.xht">flexbox-align-self-baseline-horiz-004</a></td> <td><a href="reference/flexbox-align-self-baseline-horiz-004-ref.xht">=</a> </td> <td></td> <td>Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a multi-line flex container </td> </tr> - <tr id="flexbox-align-self-baseline-horiz-005-8.3.#baseline-participation" class="primary"> - <td><strong> - <a href="flexbox-align-self-baseline-horiz-005.xht">flexbox-align-self-baseline-horiz-005</a></strong></td> + <tr id="flexbox-align-self-baseline-horiz-005-8.3.#baseline-participation" class=""> + <td> + <a href="flexbox-align-self-baseline-horiz-005.xht">flexbox-align-self-baseline-horiz-005</a></td> <td><a href="reference/flexbox-align-self-baseline-horiz-005-ref.xht">=</a> </td> <td></td> <td>Baseline alignment of block flex items with 'baseline' value for 'align-items' / 'align-self' in a multi-line flex container @@ -911,9 +911,9 @@ </ul> </td> </tr> - <tr id="css-flexbox-height-animation-stretch-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="css-flexbox-height-animation-stretch.xht">css-flexbox-height-animation-stretch</a></strong></td> + <tr id="css-flexbox-height-animation-stretch-8.3.#propdef-align-items" class=""> + <td> + <a href="css-flexbox-height-animation-stretch.xht">css-flexbox-height-animation-stretch</a></td> <td><a href="reference/css-flexbox-height-animation-stretch-ref.xht">=</a> </td> <td></td> <td>Items stretch correctly while content is animating @@ -922,81 +922,81 @@ </ul> </td> </tr> - <tr id="flexbox_align-items-baseline-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-items-baseline.xht">flexbox_align-items-baseline</a></strong></td> + <tr id="flexbox_align-items-baseline-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-items-baseline.xht">flexbox_align-items-baseline</a></td> <td><a href="reference/flexbox_align-items-baseline-ref.xht">=</a> </td> <td></td> <td>flexbox | align-items: baseline </td> </tr> - <tr id="flexbox_align-items-center-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-items-center.xht">flexbox_align-items-center</a></strong></td> + <tr id="flexbox_align-items-center-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-items-center.xht">flexbox_align-items-center</a></td> <td><a href="reference/flexbox_align-items-center-ref.xht">=</a> </td> <td></td> <td>flexbox | align-items: center </td> </tr> - <tr id="flexbox_align-items-center-2-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-items-center-2.xht">flexbox_align-items-center-2</a></strong></td> + <tr id="flexbox_align-items-center-2-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-items-center-2.xht">flexbox_align-items-center-2</a></td> <td><a href="reference/flexbox_align-items-center-2-ref.xht">=</a> </td> <td></td> <td>flexbox | align-items: center </td> </tr> - <tr id="flexbox_align-items-flexend-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-items-flexend.xht">flexbox_align-items-flexend</a></strong></td> + <tr id="flexbox_align-items-flexend-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-items-flexend.xht">flexbox_align-items-flexend</a></td> <td><a href="reference/flexbox_align-items-flexend-ref.xht">=</a> </td> <td></td> <td>flexbox | align-items: flex-end </td> </tr> - <tr id="flexbox_align-items-flexend-2-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-items-flexend-2.xht">flexbox_align-items-flexend-2</a></strong></td> + <tr id="flexbox_align-items-flexend-2-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-items-flexend-2.xht">flexbox_align-items-flexend-2</a></td> <td><a href="reference/flexbox_align-items-flexend-2-ref.xht">=</a> </td> <td></td> <td>flexbox | align-items: flex-end </td> </tr> - <tr id="flexbox_align-items-flexstart-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-items-flexstart.xht">flexbox_align-items-flexstart</a></strong></td> + <tr id="flexbox_align-items-flexstart-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-items-flexstart.xht">flexbox_align-items-flexstart</a></td> <td><a href="reference/flexbox_align-items-flexstart-ref.xht">=</a> </td> <td></td> <td>flexbox | align-items: flex-start </td> </tr> - <tr id="flexbox_align-items-flexstart-2-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-items-flexstart-2.xht">flexbox_align-items-flexstart-2</a></strong></td> + <tr id="flexbox_align-items-flexstart-2-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-items-flexstart-2.xht">flexbox_align-items-flexstart-2</a></td> <td><a href="reference/flexbox_align-items-flexstart-2-ref.xht">=</a> </td> <td></td> <td>flexbox | align-items: flex-start </td> </tr> - <tr id="flexbox_align-items-stretch-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-items-stretch.xht">flexbox_align-items-stretch</a></strong></td> + <tr id="flexbox_align-items-stretch-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-items-stretch.xht">flexbox_align-items-stretch</a></td> <td><a href="reference/flexbox_align-items-stretch-ref.xht">=</a> </td> <td></td> <td>flexbox | align-items: stretch </td> </tr> - <tr id="flexbox_align-items-stretch-2-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-items-stretch-2.xht">flexbox_align-items-stretch-2</a></strong></td> + <tr id="flexbox_align-items-stretch-2-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-items-stretch-2.xht">flexbox_align-items-stretch-2</a></td> <td><a href="reference/flexbox_align-items-stretch-2-ref.xht">=</a> </td> <td></td> <td>flexbox | align-items: stretch </td> </tr> - <tr id="flexbox_align-items-stretch-writing-modes-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></strong></td> + <tr id="flexbox_align-items-stretch-writing-modes-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-items-stretch-writing-modes.xht">flexbox_align-items-stretch-writing-modes</a></td> <td><a href="reference/flexbox_align-items-stretch-writing-modes-ref.xht">=</a> </td> <td></td> <td>Flexbox align-items: stretch with writing-mode vertical-lr and vertical-rl @@ -1005,97 +1005,97 @@ </ul> </td> </tr> - <tr id="flexbox_align-self-auto-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-self-auto.xht">flexbox_align-self-auto</a></strong></td> + <tr id="flexbox_align-self-auto-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-self-auto.xht">flexbox_align-self-auto</a></td> <td><a href="reference/flexbox_align-self-auto-ref.xht">=</a> </td> <td></td> <td>flexbox | align-self: auto </td> </tr> - <tr id="flexbox_align-self-baseline-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-self-baseline.xht">flexbox_align-self-baseline</a></strong></td> + <tr id="flexbox_align-self-baseline-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-self-baseline.xht">flexbox_align-self-baseline</a></td> <td><a href="reference/flexbox_align-self-baseline-ref.xht">=</a> </td> <td></td> <td>flexbox | align-self: baseline </td> </tr> - <tr id="flexbox_align-self-center-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-self-center.xht">flexbox_align-self-center</a></strong></td> + <tr id="flexbox_align-self-center-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-self-center.xht">flexbox_align-self-center</a></td> <td><a href="reference/flexbox_align-self-center-ref.xht">=</a> </td> <td></td> <td>flexbox | align-self: center </td> </tr> - <tr id="flexbox_align-self-flexend-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-self-flexend.xht">flexbox_align-self-flexend</a></strong></td> + <tr id="flexbox_align-self-flexend-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-self-flexend.xht">flexbox_align-self-flexend</a></td> <td><a href="reference/flexbox_align-self-flexend-ref.xht">=</a> </td> <td></td> <td>flexbox | align-self: flex-end </td> </tr> - <tr id="flexbox_align-self-flexstart-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-self-flexstart.xht">flexbox_align-self-flexstart</a></strong></td> + <tr id="flexbox_align-self-flexstart-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-self-flexstart.xht">flexbox_align-self-flexstart</a></td> <td><a href="reference/flexbox_align-self-flexstart-ref.xht">=</a> </td> <td></td> <td>flexbox | align-self: flex-start </td> </tr> - <tr id="flexbox_align-self-stretch-8.3.#propdef-align-items" class="primary"> - <td><strong> - <a href="flexbox_align-self-stretch.xht">flexbox_align-self-stretch</a></strong></td> + <tr id="flexbox_align-self-stretch-8.3.#propdef-align-items" class=""> + <td> + <a href="flexbox_align-self-stretch.xht">flexbox_align-self-stretch</a></td> <td><a href="reference/flexbox_align-self-stretch-ref.xht">=</a> </td> <td></td> <td>flexbox | align-self: stretch </td> </tr> - <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> + <tr id="flexbox_computedstyle_align-items-baseline-8.3.#propdef-align-items" class="dom"> + <td> + <a href="flexbox_computedstyle_align-items-baseline.xht">flexbox_computedstyle_align-items-baseline</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-items-center-8.3.#propdef-align-items" class="dom"> + <td> + <a href="flexbox_computedstyle_align-items-center.xht">flexbox_computedstyle_align-items-center</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-items-flex-end-8.3.#propdef-align-items" class="dom"> + <td> + <a href="flexbox_computedstyle_align-items-flex-end.xht">flexbox_computedstyle_align-items-flex-end</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-items-flex-start-8.3.#propdef-align-items" class="dom"> + <td> + <a href="flexbox_computedstyle_align-items-flex-start.xht">flexbox_computedstyle_align-items-flex-start</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-items-invalid-8.3.#propdef-align-items" class="dom"> + <td> + <a href="flexbox_computedstyle_align-items-invalid.xht">flexbox_computedstyle_align-items-invalid</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-items-stretch-8.3.#propdef-align-items" class="dom"> + <td> + <a href="flexbox_computedstyle_align-items-stretch.xht">flexbox_computedstyle_align-items-stretch</a></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 @@ -1247,49 +1247,49 @@ </ul> </td> </tr> - <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> + <tr id="flexbox_computedstyle_align-self-baseline-8.3.#propdef-align-self" class="dom"> + <td> + <a href="flexbox_computedstyle_align-self-baseline.xht">flexbox_computedstyle_align-self-baseline</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-self-center-8.3.#propdef-align-self" class="dom"> + <td> + <a href="flexbox_computedstyle_align-self-center.xht">flexbox_computedstyle_align-self-center</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-self-flex-end-8.3.#propdef-align-self" class="dom"> + <td> + <a href="flexbox_computedstyle_align-self-flex-end.xht">flexbox_computedstyle_align-self-flex-end</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-self-flex-start-8.3.#propdef-align-self" class="dom"> + <td> + <a href="flexbox_computedstyle_align-self-flex-start.xht">flexbox_computedstyle_align-self-flex-start</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-self-invalid-8.3.#propdef-align-self" class="dom"> + <td> + <a href="flexbox_computedstyle_align-self-invalid.xht">flexbox_computedstyle_align-self-invalid</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-self-stretch-8.3.#propdef-align-self" class="dom"> + <td> + <a href="flexbox_computedstyle_align-self-stretch.xht">flexbox_computedstyle_align-self-stretch</a></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 @@ -1320,11 +1320,11 @@ <tbody id="s8.4"> <tr><th colspan="4" scope="rowgroup"> <a href="#s8.4">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#align-content-property">8.4 Packing Flex Lines: the align-content property</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#align-content-property">8.4 Packing Flex Lines: the align-content property</a></th></tr> <!-- 35 tests --> - <tr id="align-content-001-8.4" class="primary"> - <td><strong> - <a href="align-content-001.xht">align-content-001</a></strong></td> + <tr id="align-content-001-8.4" class=""> + <td> + <a href="align-content-001.xht">align-content-001</a></td> <td><a href="reference/align-content-001-ref.xht">=</a> </td> <td></td> <td>A multi-line flex container with the 'align-content' property set to 'center' @@ -1333,9 +1333,9 @@ </ul> </td> </tr> - <tr id="align-content-002-8.4" class="primary"> - <td><strong> - <a href="align-content-002.xht">align-content-002</a></strong></td> + <tr id="align-content-002-8.4" class=""> + <td> + <a href="align-content-002.xht">align-content-002</a></td> <td><a href="reference/align-content-001-ref.xht">=</a> </td> <td></td> <td>A multi-line flex container with the 'align-content' property set to 'flex-start' @@ -1344,9 +1344,9 @@ </ul> </td> </tr> - <tr id="align-content-003-8.4" class="primary"> - <td><strong> - <a href="align-content-003.xht">align-content-003</a></strong></td> + <tr id="align-content-003-8.4" class=""> + <td> + <a href="align-content-003.xht">align-content-003</a></td> <td><a href="reference/align-content-001-ref.xht">=</a> </td> <td></td> <td>A multi-line flex container with the 'align-content' property set to 'flex-end' @@ -1355,9 +1355,9 @@ </ul> </td> </tr> - <tr id="align-content-004-8.4" class="primary"> - <td><strong> - <a href="align-content-004.xht">align-content-004</a></strong></td> + <tr id="align-content-004-8.4" class=""> + <td> + <a href="align-content-004.xht">align-content-004</a></td> <td><a href="reference/align-content-001-ref.xht">=</a> </td> <td></td> <td>A multi-line flex container with the 'align-content' property set to 'space-between' @@ -1366,9 +1366,9 @@ </ul> </td> </tr> - <tr id="align-content-005-8.4" class="primary"> - <td><strong> - <a href="align-content-005.xht">align-content-005</a></strong></td> + <tr id="align-content-005-8.4" class=""> + <td> + <a href="align-content-005.xht">align-content-005</a></td> <td><a href="reference/align-content-001-ref.xht">=</a> </td> <td></td> <td>A multi-line flex container with the 'align-content' property set to 'space-around' @@ -1377,9 +1377,9 @@ </ul> </td> </tr> - <tr id="align-content-006-8.4" class="primary"> - <td><strong> - <a href="align-content-006.xht">align-content-006</a></strong></td> + <tr id="align-content-006-8.4" class=""> + <td> + <a href="align-content-006.xht">align-content-006</a></td> <td><a href="reference/align-content-001-ref.xht">=</a> </td> <td></td> <td>A multi-line flex container with the 'align-content' property set to 'stretch' @@ -1388,9 +1388,9 @@ </ul> </td> </tr> - <tr id="align-content_center-8.4" class="primary"> - <td><strong> - <a href="align-content_center.xht">align-content_center</a></strong></td> + <tr id="align-content_center-8.4" class=""> + <td> + <a href="align-content_center.xht">align-content_center</a></td> <td></td> <td></td> <td>align-content_center @@ -1399,9 +1399,9 @@ </ul> </td> </tr> - <tr id="align-content_flex-end-8.4" class="primary"> - <td><strong> - <a href="align-content_flex-end.xht">align-content_flex-end</a></strong></td> + <tr id="align-content_flex-end-8.4" class=""> + <td> + <a href="align-content_flex-end.xht">align-content_flex-end</a></td> <td></td> <td></td> <td>align-content_flex-end @@ -1410,9 +1410,9 @@ </ul> </td> </tr> - <tr id="align-content_flex-start-8.4" class="primary"> - <td><strong> - <a href="align-content_flex-start.xht">align-content_flex-start</a></strong></td> + <tr id="align-content_flex-start-8.4" class=""> + <td> + <a href="align-content_flex-start.xht">align-content_flex-start</a></td> <td></td> <td></td> <td>align-content_flex-start @@ -1421,9 +1421,9 @@ </ul> </td> </tr> - <tr id="align-content_space-around-8.4" class="primary"> - <td><strong> - <a href="align-content_space-around.xht">align-content_space-around</a></strong></td> + <tr id="align-content_space-around-8.4" class=""> + <td> + <a href="align-content_space-around.xht">align-content_space-around</a></td> <td></td> <td></td> <td>align-content_space-around @@ -1432,9 +1432,9 @@ </ul> </td> </tr> - <tr id="align-content_space-between-8.4" class="primary"> - <td><strong> - <a href="align-content_space-between.xht">align-content_space-between</a></strong></td> + <tr id="align-content_space-between-8.4" class=""> + <td> + <a href="align-content_space-between.xht">align-content_space-between</a></td> <td></td> <td></td> <td>align-content_space-between @@ -1443,9 +1443,9 @@ </ul> </td> </tr> - <tr id="align-content_stretch-8.4" class="primary"> - <td><strong> - <a href="align-content_stretch.xht">align-content_stretch</a></strong></td> + <tr id="align-content_stretch-8.4" class=""> + <td> + <a href="align-content_stretch.xht">align-content_stretch</a></td> <td></td> <td></td> <td>align-content_stretch @@ -1454,153 +1454,153 @@ </ul> </td> </tr> - <tr id="flexbox-align-content-horiz-001a-8.4" class="primary"> - <td><strong> - <a href="flexbox-align-content-horiz-001a.xht">flexbox-align-content-horiz-001a</a></strong></td> + <tr id="flexbox-align-content-horiz-001a-8.4" class=""> + <td> + <a href="flexbox-align-content-horiz-001a.xht">flexbox-align-content-horiz-001a</a></td> <td><a href="reference/flexbox-align-content-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing 'align-content' in a horizontal flex container </td> </tr> - <tr id="flexbox-align-content-horiz-001b-8.4" class="primary"> - <td><strong> - <a href="flexbox-align-content-horiz-001b.xht">flexbox-align-content-horiz-001b</a></strong></td> + <tr id="flexbox-align-content-horiz-001b-8.4" class=""> + <td> + <a href="flexbox-align-content-horiz-001b.xht">flexbox-align-content-horiz-001b</a></td> <td><a href="reference/flexbox-align-content-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing 'align-content' in a horizontal flex container </td> </tr> - <tr id="flexbox-align-content-vert-001a-8.4" class="primary"> - <td><strong> - <a href="flexbox-align-content-vert-001a.xht">flexbox-align-content-vert-001a</a></strong></td> + <tr id="flexbox-align-content-vert-001a-8.4" class=""> + <td> + <a href="flexbox-align-content-vert-001a.xht">flexbox-align-content-vert-001a</a></td> <td><a href="reference/flexbox-align-content-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing 'align-content' in a vertical flex container </td> </tr> - <tr id="flexbox-align-content-vert-001b-8.4" class="primary"> - <td><strong> - <a href="flexbox-align-content-vert-001b.xht">flexbox-align-content-vert-001b</a></strong></td> + <tr id="flexbox-align-content-vert-001b-8.4" class=""> + <td> + <a href="flexbox-align-content-vert-001b.xht">flexbox-align-content-vert-001b</a></td> <td><a href="reference/flexbox-align-content-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing 'align-content' in a vertical flex container </td> </tr> - <tr id="flexbox-overflow-horiz-005-8.4" class="primary"> - <td><strong> - <a href="flexbox-overflow-horiz-005.xht">flexbox-overflow-horiz-005</a></strong></td> + <tr id="flexbox-overflow-horiz-005-8.4" class=""> + <td> + <a href="flexbox-overflow-horiz-005.xht">flexbox-overflow-horiz-005</a></td> <td><a href="reference/flexbox-overflow-horiz-005-ref.xht">=</a> </td> <td></td> <td>Testing 'overflow' property on a horizontal flex container, with 'align-content: space-around' </td> </tr> - <tr id="flexbox-overflow-vert-005-8.4" class="primary"> - <td><strong> - <a href="flexbox-overflow-vert-005.xht">flexbox-overflow-vert-005</a></strong></td> + <tr id="flexbox-overflow-vert-005-8.4" class=""> + <td> + <a href="flexbox-overflow-vert-005.xht">flexbox-overflow-vert-005</a></td> <td><a href="reference/flexbox-overflow-vert-005-ref.xht">=</a> </td> <td></td> <td>Testing 'overflow' property on a vertical flex container, with 'align-content: space-around' </td> </tr> - <tr id="flexbox_align-content-center-8.4" class="primary"> - <td><strong> - <a href="flexbox_align-content-center.xht">flexbox_align-content-center</a></strong></td> + <tr id="flexbox_align-content-center-8.4" class=""> + <td> + <a href="flexbox_align-content-center.xht">flexbox_align-content-center</a></td> <td><a href="reference/flexbox_align-content-center-ref.xht">=</a> </td> <td></td> <td>flexbox | align-content: center </td> </tr> - <tr id="flexbox_align-content-flexend-8.4" class="primary"> - <td><strong> - <a href="flexbox_align-content-flexend.xht">flexbox_align-content-flexend</a></strong></td> + <tr id="flexbox_align-content-flexend-8.4" class=""> + <td> + <a href="flexbox_align-content-flexend.xht">flexbox_align-content-flexend</a></td> <td><a href="reference/flexbox_align-content-flexend-ref.xht">=</a> </td> <td></td> <td>flexbox | align-content: flex-end </td> </tr> - <tr id="flexbox_align-content-flexstart-8.4" class="primary"> - <td><strong> - <a href="flexbox_align-content-flexstart.xht">flexbox_align-content-flexstart</a></strong></td> + <tr id="flexbox_align-content-flexstart-8.4" class=""> + <td> + <a href="flexbox_align-content-flexstart.xht">flexbox_align-content-flexstart</a></td> <td><a href="reference/flexbox_align-content-flexstart-ref.xht">=</a> </td> <td></td> <td>flexbox | align-content: flex-start </td> </tr> - <tr id="flexbox_align-content-spacearound-8.4" class="primary"> - <td><strong> - <a href="flexbox_align-content-spacearound.xht">flexbox_align-content-spacearound</a></strong></td> + <tr id="flexbox_align-content-spacearound-8.4" class=""> + <td> + <a href="flexbox_align-content-spacearound.xht">flexbox_align-content-spacearound</a></td> <td><a href="reference/flexbox_align-content-spacearound-ref.xht">=</a> </td> <td></td> <td>flexbox | align-content: space-around </td> </tr> - <tr id="flexbox_align-content-spacebetween-8.4" class="primary"> - <td><strong> - <a href="flexbox_align-content-spacebetween.xht">flexbox_align-content-spacebetween</a></strong></td> + <tr id="flexbox_align-content-spacebetween-8.4" class=""> + <td> + <a href="flexbox_align-content-spacebetween.xht">flexbox_align-content-spacebetween</a></td> <td><a href="reference/flexbox_align-content-spacebetween-ref.xht">=</a> </td> <td></td> <td>flexbox | align-content: space-between </td> </tr> - <tr id="flexbox_align-content-stretch-8.4" class="primary"> - <td><strong> - <a href="flexbox_align-content-stretch.xht">flexbox_align-content-stretch</a></strong></td> + <tr id="flexbox_align-content-stretch-8.4" class=""> + <td> + <a href="flexbox_align-content-stretch.xht">flexbox_align-content-stretch</a></td> <td><a href="reference/flexbox_align-content-stretch-ref.xht">=</a> </td> <td></td> <td>flexbox | align-content: stretch </td> </tr> - <tr id="flexbox_align-content-stretch-2-8.4" class="primary"> - <td><strong> - <a href="flexbox_align-content-stretch-2.xht">flexbox_align-content-stretch-2</a></strong></td> + <tr id="flexbox_align-content-stretch-2-8.4" class=""> + <td> + <a href="flexbox_align-content-stretch-2.xht">flexbox_align-content-stretch-2</a></td> <td><a href="reference/flexbox_align-content-stretch-2-ref.xht">=</a> </td> <td></td> <td>flexbox | align-content: stretch </td> </tr> - <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> + <tr id="flexbox_computedstyle_align-content-center-8.4" class="dom"> + <td> + <a href="flexbox_computedstyle_align-content-center.xht">flexbox_computedstyle_align-content-center</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-content-flex-end-8.4" class="dom"> + <td> + <a href="flexbox_computedstyle_align-content-flex-end.xht">flexbox_computedstyle_align-content-flex-end</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-content-flex-start-8.4" class="dom"> + <td> + <a href="flexbox_computedstyle_align-content-flex-start.xht">flexbox_computedstyle_align-content-flex-start</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-content-space-around-8.4" class="dom"> + <td> + <a href="flexbox_computedstyle_align-content-space-around.xht">flexbox_computedstyle_align-content-space-around</a></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> </tr> - <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> + <tr id="flexbox_computedstyle_align-content-space-between-8.4" class="dom"> + <td> + <a href="flexbox_computedstyle_align-content-space-between.xht">flexbox_computedstyle_align-content-space-between</a></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> </tr> - <tr id="ttwf-reftest-flex-align-content-center-8.4" class="primary"> - <td><strong> - <a href="ttwf-reftest-flex-align-content-center.xht">ttwf-reftest-flex-align-content-center</a></strong></td> + <tr id="ttwf-reftest-flex-align-content-center-8.4" class=""> + <td> + <a href="ttwf-reftest-flex-align-content-center.xht">ttwf-reftest-flex-align-content-center</a></td> <td><a href="reference/ttwf-reftest-flex-align-content-center-ref.xht">=</a> </td> <td></td> <td>align-content property - center @@ -1609,9 +1609,9 @@ </ul> </td> </tr> - <tr id="ttwf-reftest-flex-align-content-end-8.4" class="primary"> - <td><strong> - <a href="ttwf-reftest-flex-align-content-end.xht">ttwf-reftest-flex-align-content-end</a></strong></td> + <tr id="ttwf-reftest-flex-align-content-end-8.4" class=""> + <td> + <a href="ttwf-reftest-flex-align-content-end.xht">ttwf-reftest-flex-align-content-end</a></td> <td><a href="reference/ttwf-reftest-flex-align-content-end-ref.xht">=</a> </td> <td></td> <td>align-content property - flex-end @@ -1620,9 +1620,9 @@ </ul> </td> </tr> - <tr id="ttwf-reftest-flex-align-content-space-around-8.4" class="primary"> - <td><strong> - <a href="ttwf-reftest-flex-align-content-space-around.xht">ttwf-reftest-flex-align-content-space-around</a></strong></td> + <tr id="ttwf-reftest-flex-align-content-space-around-8.4" class=""> + <td> + <a href="ttwf-reftest-flex-align-content-space-around.xht">ttwf-reftest-flex-align-content-space-around</a></td> <td><a href="reference/ttwf-reftest-flex-align-content-space-around-ref.xht">=</a> </td> <td></td> <td>align-content property - space-around @@ -1631,9 +1631,9 @@ </ul> </td> </tr> - <tr id="ttwf-reftest-flex-align-content-space-between-8.4" class="primary"> - <td><strong> - <a href="ttwf-reftest-flex-align-content-space-between.xht">ttwf-reftest-flex-align-content-space-between</a></strong></td> + <tr id="ttwf-reftest-flex-align-content-space-between-8.4" class=""> + <td> + <a href="ttwf-reftest-flex-align-content-space-between.xht">ttwf-reftest-flex-align-content-space-between</a></td> <td><a href="reference/ttwf-reftest-flex-align-content-space-between-ref.xht">=</a> </td> <td></td> <td>align-content property - space-between @@ -1642,9 +1642,9 @@ </ul> </td> </tr> - <tr id="ttwf-reftest-flex-align-content-start-8.4" class="primary"> - <td><strong> - <a href="ttwf-reftest-flex-align-content-start.xht">ttwf-reftest-flex-align-content-start</a></strong></td> + <tr id="ttwf-reftest-flex-align-content-start-8.4" class=""> + <td> + <a href="ttwf-reftest-flex-align-content-start.xht">ttwf-reftest-flex-align-content-start</a></td> <td><a href="reference/ttwf-reftest-flex-align-content-start-ref.xht">=</a> </td> <td></td> <td>align-content property - flex-start @@ -1678,115 +1678,115 @@ <tbody id="s8.5"> <tr><th colspan="4" scope="rowgroup"> <a href="#s8.5">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#flex-baselines">8.5 Flex Baselines</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#flex-baselines">8.5 Flex Baselines</a></th></tr> <!-- 14 tests --> - <tr id="flexbox-baseline-align-self-baseline-horiz-001-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-align-self-baseline-horiz-001.xht">flexbox-baseline-align-self-baseline-horiz-001</a></strong></td> + <tr id="flexbox-baseline-align-self-baseline-horiz-001-8.5" class=""> + <td> + <a href="flexbox-baseline-align-self-baseline-horiz-001.xht">flexbox-baseline-align-self-baseline-horiz-001</a></td> <td><a href="reference/flexbox-baseline-align-self-baseline-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of a horizontal flex container with baseline-aligned flex items </td> </tr> - <tr id="flexbox-baseline-align-self-baseline-vert-001-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-align-self-baseline-vert-001.xht">flexbox-baseline-align-self-baseline-vert-001</a></strong></td> + <tr id="flexbox-baseline-align-self-baseline-vert-001-8.5" class=""> + <td> + <a href="flexbox-baseline-align-self-baseline-vert-001.xht">flexbox-baseline-align-self-baseline-vert-001</a></td> <td><a href="reference/flexbox-baseline-align-self-baseline-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of a vertical flex container with baseline-aligned flex items </td> </tr> - <tr id="flexbox-baseline-empty-001a-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-empty-001a.xht">flexbox-baseline-empty-001a</a></strong></td> + <tr id="flexbox-baseline-empty-001a-8.5" class=""> + <td> + <a href="flexbox-baseline-empty-001a.xht">flexbox-baseline-empty-001a</a></td> <td><a href="reference/flexbox-baseline-empty-001-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of an empty horizontal flex container </td> </tr> - <tr id="flexbox-baseline-empty-001b-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-empty-001b.xht">flexbox-baseline-empty-001b</a></strong></td> + <tr id="flexbox-baseline-empty-001b-8.5" class=""> + <td> + <a href="flexbox-baseline-empty-001b.xht">flexbox-baseline-empty-001b</a></td> <td><a href="reference/flexbox-baseline-empty-001-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of an empty vertical flex container </td> </tr> - <tr id="flexbox-baseline-multi-item-horiz-001-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-multi-item-horiz-001.xht">flexbox-baseline-multi-item-horiz-001</a></strong></td> + <tr id="flexbox-baseline-multi-item-horiz-001-8.5" class=""> + <td> + <a href="flexbox-baseline-multi-item-horiz-001.xht">flexbox-baseline-multi-item-horiz-001</a></td> <td><a href="reference/flexbox-baseline-multi-item-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of a horizontal flex container whose flex items are not baseline-aligned </td> </tr> - <tr id="flexbox-baseline-multi-item-vert-001-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-multi-item-vert-001.xht">flexbox-baseline-multi-item-vert-001</a></strong></td> + <tr id="flexbox-baseline-multi-item-vert-001-8.5" class=""> + <td> + <a href="flexbox-baseline-multi-item-vert-001.xht">flexbox-baseline-multi-item-vert-001</a></td> <td><a href="reference/flexbox-baseline-multi-item-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of a vertical flex container whose flex items are not baseline-aligned </td> </tr> - <tr id="flexbox-baseline-multi-line-horiz-001-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-multi-line-horiz-001.xht">flexbox-baseline-multi-line-horiz-001</a></strong></td> + <tr id="flexbox-baseline-multi-line-horiz-001-8.5" class=""> + <td> + <a href="flexbox-baseline-multi-line-horiz-001.xht">flexbox-baseline-multi-line-horiz-001</a></td> <td><a href="reference/flexbox-baseline-multi-line-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of a horizontal flex container with multiple flex lines </td> </tr> - <tr id="flexbox-baseline-multi-line-horiz-002-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-multi-line-horiz-002.xht">flexbox-baseline-multi-line-horiz-002</a></strong></td> + <tr id="flexbox-baseline-multi-line-horiz-002-8.5" class=""> + <td> + <a href="flexbox-baseline-multi-line-horiz-002.xht">flexbox-baseline-multi-line-horiz-002</a></td> <td><a href="reference/flexbox-baseline-multi-line-horiz-002-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of a horizontal flex container with multiple flex lines </td> </tr> - <tr id="flexbox-baseline-multi-line-horiz-003-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-multi-line-horiz-003.xht">flexbox-baseline-multi-line-horiz-003</a></strong></td> + <tr id="flexbox-baseline-multi-line-horiz-003-8.5" class=""> + <td> + <a href="flexbox-baseline-multi-line-horiz-003.xht">flexbox-baseline-multi-line-horiz-003</a></td> <td><a href="reference/flexbox-baseline-multi-line-horiz-003-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of a horizontal multi-line (wrap) flex container with baseline-aligned items on first line </td> </tr> - <tr id="flexbox-baseline-multi-line-horiz-004-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-multi-line-horiz-004.xht">flexbox-baseline-multi-line-horiz-004</a></strong></td> + <tr id="flexbox-baseline-multi-line-horiz-004-8.5" class=""> + <td> + <a href="flexbox-baseline-multi-line-horiz-004.xht">flexbox-baseline-multi-line-horiz-004</a></td> <td><a href="reference/flexbox-baseline-multi-line-horiz-004-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of a horizontal multi-line (wrap-reverse) flex container with baseline-aligned items on first line </td> </tr> - <tr id="flexbox-baseline-multi-line-vert-001-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-multi-line-vert-001.xht">flexbox-baseline-multi-line-vert-001</a></strong></td> + <tr id="flexbox-baseline-multi-line-vert-001-8.5" class=""> + <td> + <a href="flexbox-baseline-multi-line-vert-001.xht">flexbox-baseline-multi-line-vert-001</a></td> <td><a href="reference/flexbox-baseline-multi-line-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of a vertical flex container with multiple flex lines </td> </tr> - <tr id="flexbox-baseline-multi-line-vert-002-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-multi-line-vert-002.xht">flexbox-baseline-multi-line-vert-002</a></strong></td> + <tr id="flexbox-baseline-multi-line-vert-002-8.5" class=""> + <td> + <a href="flexbox-baseline-multi-line-vert-002.xht">flexbox-baseline-multi-line-vert-002</a></td> <td><a href="reference/flexbox-baseline-multi-line-vert-002-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of a vertical flex container with multiple flex lines </td> </tr> - <tr id="flexbox-baseline-single-item-001a-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-single-item-001a.xht">flexbox-baseline-single-item-001a</a></strong></td> + <tr id="flexbox-baseline-single-item-001a-8.5" class=""> + <td> + <a href="flexbox-baseline-single-item-001a.xht">flexbox-baseline-single-item-001a</a></td> <td><a href="reference/flexbox-baseline-single-item-001-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of a horizontal flex container with one flex item </td> </tr> - <tr id="flexbox-baseline-single-item-001b-8.5" class="primary"> - <td><strong> - <a href="flexbox-baseline-single-item-001b.xht">flexbox-baseline-single-item-001b</a></strong></td> + <tr id="flexbox-baseline-single-item-001b-8.5" class=""> + <td> + <a href="flexbox-baseline-single-item-001b.xht">flexbox-baseline-single-item-001b</a></td> <td><a href="reference/flexbox-baseline-single-item-001-ref.xht">=</a> </td> <td></td> <td>Testing the baseline of a vertical flex container with one flex item diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-9.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-9.xht index c949442c58c..32305e393ab 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-9.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/chapter-9.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1> - <h2>Flex Layout Algorithm (61 tests)</h2> + <h2>Flex Layout Algorithm (62 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -30,7 +30,7 @@ <tbody id="s9"> <tr><th colspan="4" scope="rowgroup"> <a href="#s9">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#layout-algorithm">9 Flex Layout Algorithm</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#layout-algorithm">9 Flex Layout Algorithm</a></th></tr> <!-- 49 tests --> <tr id="autoheight-flexbox-001-9" class=""> <td> @@ -208,9 +208,9 @@ </ul> </td> </tr> - <tr id="flexbox-align-self-stretch-vert-001-9" class="primary"> - <td><strong> - <a href="flexbox-align-self-stretch-vert-001.xht">flexbox-align-self-stretch-vert-001</a></strong></td> + <tr id="flexbox-align-self-stretch-vert-001-9" class=""> + <td> + <a href="flexbox-align-self-stretch-vert-001.xht">flexbox-align-self-stretch-vert-001</a></td> <td><a href="reference/flexbox-align-self-stretch-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing the sizing of a stretched horizontal flex container in a vertical flex container @@ -220,9 +220,9 @@ </ul> </td> </tr> - <tr id="flexbox-align-self-stretch-vert-002-9" class="primary"> - <td><strong> - <a href="flexbox-align-self-stretch-vert-002.xht">flexbox-align-self-stretch-vert-002</a></strong></td> + <tr id="flexbox-align-self-stretch-vert-002-9" class=""> + <td> + <a href="flexbox-align-self-stretch-vert-002.xht">flexbox-align-self-stretch-vert-002</a></td> <td><a href="reference/flexbox-align-self-stretch-vert-002-ref.xht">=</a> </td> <td></td> <td>Testing the sizing of stretched flex items in a vertical multi-line flex container @@ -231,241 +231,241 @@ </ul> </td> </tr> - <tr id="flexbox-basic-block-horiz-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-block-horiz-001.xht">flexbox-basic-block-horiz-001</a></strong></td> + <tr id="flexbox-basic-block-horiz-001-9" class=""> + <td> + <a href="flexbox-basic-block-horiz-001.xht">flexbox-basic-block-horiz-001</a></td> <td><a href="reference/flexbox-basic-block-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on block flex items in a horizontal flex container </td> </tr> - <tr id="flexbox-basic-block-vert-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-block-vert-001.xht">flexbox-basic-block-vert-001</a></strong></td> + <tr id="flexbox-basic-block-vert-001-9" class=""> + <td> + <a href="flexbox-basic-block-vert-001.xht">flexbox-basic-block-vert-001</a></td> <td><a href="reference/flexbox-basic-block-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on block flex items in a vertical flex container </td> </tr> - <tr id="flexbox-basic-canvas-horiz-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-canvas-horiz-001.xht">flexbox-basic-canvas-horiz-001</a></strong></td> + <tr id="flexbox-basic-canvas-horiz-001-9" class=""> + <td> + <a href="flexbox-basic-canvas-horiz-001.xht">flexbox-basic-canvas-horiz-001</a></td> <td><a href="reference/flexbox-basic-canvas-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on canvas flex items in a horizontal flex container </td> </tr> - <tr id="flexbox-basic-canvas-vert-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-canvas-vert-001.xht">flexbox-basic-canvas-vert-001</a></strong></td> + <tr id="flexbox-basic-canvas-vert-001-9" class=""> + <td> + <a href="flexbox-basic-canvas-vert-001.xht">flexbox-basic-canvas-vert-001</a></td> <td><a href="reference/flexbox-basic-canvas-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on canvas flex items in a vertical flex container </td> </tr> - <tr id="flexbox-basic-fieldset-horiz-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-fieldset-horiz-001.xht">flexbox-basic-fieldset-horiz-001</a></strong></td> + <tr id="flexbox-basic-fieldset-horiz-001-9" class=""> + <td> + <a href="flexbox-basic-fieldset-horiz-001.xht">flexbox-basic-fieldset-horiz-001</a></td> <td><a href="reference/flexbox-basic-fieldset-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on fieldset flex items in a horizontal flex container </td> </tr> - <tr id="flexbox-basic-fieldset-vert-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-fieldset-vert-001.xht">flexbox-basic-fieldset-vert-001</a></strong></td> + <tr id="flexbox-basic-fieldset-vert-001-9" class=""> + <td> + <a href="flexbox-basic-fieldset-vert-001.xht">flexbox-basic-fieldset-vert-001</a></td> <td><a href="reference/flexbox-basic-fieldset-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on fieldset flex items in a vertical flex container </td> </tr> - <tr id="flexbox-basic-iframe-horiz-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-iframe-horiz-001.xht">flexbox-basic-iframe-horiz-001</a></strong></td> + <tr id="flexbox-basic-iframe-horiz-001-9" class=""> + <td> + <a href="flexbox-basic-iframe-horiz-001.xht">flexbox-basic-iframe-horiz-001</a></td> <td><a href="reference/flexbox-basic-iframe-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on iframe flex items in a horizontal flex container </td> </tr> - <tr id="flexbox-basic-iframe-vert-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-iframe-vert-001.xht">flexbox-basic-iframe-vert-001</a></strong></td> + <tr id="flexbox-basic-iframe-vert-001-9" class=""> + <td> + <a href="flexbox-basic-iframe-vert-001.xht">flexbox-basic-iframe-vert-001</a></td> <td><a href="reference/flexbox-basic-iframe-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on iframe flex items in a vertical flex container </td> </tr> - <tr id="flexbox-basic-img-horiz-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-img-horiz-001.xht">flexbox-basic-img-horiz-001</a></strong></td> + <tr id="flexbox-basic-img-horiz-001-9" class=""> + <td> + <a href="flexbox-basic-img-horiz-001.xht">flexbox-basic-img-horiz-001</a></td> <td><a href="reference/flexbox-basic-img-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on img flex items in a horizontal flex container </td> </tr> - <tr id="flexbox-basic-img-vert-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-img-vert-001.xht">flexbox-basic-img-vert-001</a></strong></td> + <tr id="flexbox-basic-img-vert-001-9" class=""> + <td> + <a href="flexbox-basic-img-vert-001.xht">flexbox-basic-img-vert-001</a></td> <td><a href="reference/flexbox-basic-img-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on img flex items in a vertical flex container </td> </tr> - <tr id="flexbox-basic-textarea-horiz-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-textarea-horiz-001.xht">flexbox-basic-textarea-horiz-001</a></strong></td> + <tr id="flexbox-basic-textarea-horiz-001-9" class=""> + <td> + <a href="flexbox-basic-textarea-horiz-001.xht">flexbox-basic-textarea-horiz-001</a></td> <td><a href="reference/flexbox-basic-textarea-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on textarea flex items in a horizontal flex container </td> </tr> - <tr id="flexbox-basic-textarea-vert-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-textarea-vert-001.xht">flexbox-basic-textarea-vert-001</a></strong></td> + <tr id="flexbox-basic-textarea-vert-001-9" class=""> + <td> + <a href="flexbox-basic-textarea-vert-001.xht">flexbox-basic-textarea-vert-001</a></td> <td><a href="reference/flexbox-basic-textarea-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on textarea flex items in a vertical flex container </td> </tr> - <tr id="flexbox-basic-video-horiz-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-video-horiz-001.xht">flexbox-basic-video-horiz-001</a></strong></td> + <tr id="flexbox-basic-video-horiz-001-9" class=""> + <td> + <a href="flexbox-basic-video-horiz-001.xht">flexbox-basic-video-horiz-001</a></td> <td><a href="reference/flexbox-basic-video-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on video flex items in a horizontal flex container </td> </tr> - <tr id="flexbox-basic-video-vert-001-9" class="primary"> - <td><strong> - <a href="flexbox-basic-video-vert-001.xht">flexbox-basic-video-vert-001</a></strong></td> + <tr id="flexbox-basic-video-vert-001-9" class=""> + <td> + <a href="flexbox-basic-video-vert-001.xht">flexbox-basic-video-vert-001</a></td> <td><a href="reference/flexbox-basic-video-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing flexbox layout algorithm property on video flex items in a vertical flex container </td> </tr> - <tr id="flexbox-mbp-horiz-001-9" class="primary"> - <td><strong> - <a href="flexbox-mbp-horiz-001.xht">flexbox-mbp-horiz-001</a></strong></td> + <tr id="flexbox-mbp-horiz-001-9" class=""> + <td> + <a href="flexbox-mbp-horiz-001.xht">flexbox-mbp-horiz-001</a></td> <td><a href="reference/flexbox-mbp-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing borders on flex items in a horizontal flex container </td> </tr> - <tr id="flexbox-mbp-horiz-001-reverse-9" class="primary"> - <td><strong> - <a href="flexbox-mbp-horiz-001-reverse.xht">flexbox-mbp-horiz-001-reverse</a></strong></td> + <tr id="flexbox-mbp-horiz-001-reverse-9" class=""> + <td> + <a href="flexbox-mbp-horiz-001-reverse.xht">flexbox-mbp-horiz-001-reverse</a></td> <td><a href="reference/flexbox-mbp-horiz-001-reverse-ref.xht">=</a> </td> <td></td> <td>Testing borders on flex items in a row-reverse horizontal flex container </td> </tr> - <tr id="flexbox-mbp-horiz-001-rtl-9" class="primary"> - <td><strong> - <a href="flexbox-mbp-horiz-001-rtl.xht">flexbox-mbp-horiz-001-rtl</a></strong></td> + <tr id="flexbox-mbp-horiz-001-rtl-9" class=""> + <td> + <a href="flexbox-mbp-horiz-001-rtl.xht">flexbox-mbp-horiz-001-rtl</a></td> <td><a href="reference/flexbox-mbp-horiz-001-reverse-ref.xht">=</a> </td> <td></td> <td>Testing borders on flex items in a horizontal flex container with 'direction: rtl' </td> </tr> - <tr id="flexbox-mbp-horiz-001-rtl-reverse-9" class="primary"> - <td><strong> - <a href="flexbox-mbp-horiz-001-rtl-reverse.xht">flexbox-mbp-horiz-001-rtl-reverse</a></strong></td> + <tr id="flexbox-mbp-horiz-001-rtl-reverse-9" class=""> + <td> + <a href="flexbox-mbp-horiz-001-rtl-reverse.xht">flexbox-mbp-horiz-001-rtl-reverse</a></td> <td><a href="reference/flexbox-mbp-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing borders on flex items in a row-reverse horizontal flex container, with 'direction: rtl' </td> </tr> - <tr id="flexbox-mbp-horiz-002a-9" class="primary"> - <td><strong> - <a href="flexbox-mbp-horiz-002a.xht">flexbox-mbp-horiz-002a</a></strong></td> + <tr id="flexbox-mbp-horiz-002a-9" class=""> + <td> + <a href="flexbox-mbp-horiz-002a.xht">flexbox-mbp-horiz-002a</a></td> <td><a href="reference/flexbox-mbp-horiz-002-ref.xht">=</a> </td> <td></td> <td>Testing margins and borders on flex items in a horizontal flex container </td> </tr> - <tr id="flexbox-mbp-horiz-002b-9" class="primary"> - <td><strong> - <a href="flexbox-mbp-horiz-002b.xht">flexbox-mbp-horiz-002b</a></strong></td> + <tr id="flexbox-mbp-horiz-002b-9" class=""> + <td> + <a href="flexbox-mbp-horiz-002b.xht">flexbox-mbp-horiz-002b</a></td> <td><a href="reference/flexbox-mbp-horiz-002-ref.xht">=</a> </td> <td></td> <td>Testing margins, borders, and padding on flex items in a horizontal flex container </td> </tr> - <tr id="flexbox-mbp-horiz-003-9" class="primary"> - <td><strong> - <a href="flexbox-mbp-horiz-003.xht">flexbox-mbp-horiz-003</a></strong></td> + <tr id="flexbox-mbp-horiz-003-9" class=""> + <td> + <a href="flexbox-mbp-horiz-003.xht">flexbox-mbp-horiz-003</a></td> <td><a href="reference/flexbox-mbp-horiz-003-ref.xht">=</a> </td> <td></td> <td>Testing borders and padding on a horizontal flex container and its flex items </td> </tr> - <tr id="flexbox-mbp-horiz-003-reverse-9" class="primary"> - <td><strong> - <a href="flexbox-mbp-horiz-003-reverse.xht">flexbox-mbp-horiz-003-reverse</a></strong></td> + <tr id="flexbox-mbp-horiz-003-reverse-9" class=""> + <td> + <a href="flexbox-mbp-horiz-003-reverse.xht">flexbox-mbp-horiz-003-reverse</a></td> <td><a href="reference/flexbox-mbp-horiz-003-reverse-ref.xht">=</a> </td> <td></td> <td>Testing borders and padding on a row-reverse horizontal flex container and its flex items </td> </tr> - <tr id="flexbox-mbp-horiz-004-9" class="primary"> - <td><strong> - <a href="flexbox-mbp-horiz-004.xht">flexbox-mbp-horiz-004</a></strong></td> + <tr id="flexbox-mbp-horiz-004-9" class=""> + <td> + <a href="flexbox-mbp-horiz-004.xht">flexbox-mbp-horiz-004</a></td> <td><a href="reference/flexbox-mbp-horiz-004-ref.xht">=</a> </td> <td></td> <td>Testing percent-valued padding and margin on flex items </td> </tr> - <tr id="flexbox-sizing-horiz-001-9" class="primary"> - <td><strong> - <a href="flexbox-sizing-horiz-001.xht">flexbox-sizing-horiz-001</a></strong></td> + <tr id="flexbox-sizing-horiz-001-9" class=""> + <td> + <a href="flexbox-sizing-horiz-001.xht">flexbox-sizing-horiz-001</a></td> <td><a href="reference/flexbox-sizing-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing sizing of an auto-sized horizontal flex container with min-width and max-width constraints </td> </tr> - <tr id="flexbox-sizing-horiz-002-9" class="primary"> - <td><strong> - <a href="flexbox-sizing-horiz-002.xht">flexbox-sizing-horiz-002</a></strong></td> + <tr id="flexbox-sizing-horiz-002-9" class=""> + <td> + <a href="flexbox-sizing-horiz-002.xht">flexbox-sizing-horiz-002</a></td> <td><a href="reference/flexbox-sizing-horiz-002-ref.xht">=</a> </td> <td></td> <td>Testing sizing of an auto-sized horizontal flex container with min-height and max-height constraints </td> </tr> - <tr id="flexbox-sizing-vert-001-9" class="primary"> - <td><strong> - <a href="flexbox-sizing-vert-001.xht">flexbox-sizing-vert-001</a></strong></td> + <tr id="flexbox-sizing-vert-001-9" class=""> + <td> + <a href="flexbox-sizing-vert-001.xht">flexbox-sizing-vert-001</a></td> <td><a href="reference/flexbox-sizing-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing sizing of an auto-sized vertical flex container with min-height and max-height constraints </td> </tr> - <tr id="flexbox-sizing-vert-002-9" class="primary"> - <td><strong> - <a href="flexbox-sizing-vert-002.xht">flexbox-sizing-vert-002</a></strong></td> + <tr id="flexbox-sizing-vert-002-9" class=""> + <td> + <a href="flexbox-sizing-vert-002.xht">flexbox-sizing-vert-002</a></td> <td><a href="reference/flexbox-sizing-vert-002-ref.xht">=</a> </td> <td></td> <td>Testing sizing of an auto-sized vertical flex container with min-width and max-width constraints </td> </tr> - <tr id="flexbox-writing-mode-007-9" class="primary"> - <td><strong> - <a href="flexbox-writing-mode-007.xht">flexbox-writing-mode-007</a></strong></td> + <tr id="flexbox-writing-mode-007-9" class=""> + <td> + <a href="flexbox-writing-mode-007.xht">flexbox-writing-mode-007</a></td> <td><a href="reference/flexbox-writing-mode-007-ref.xht">=</a> </td> <td></td> <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode </td> </tr> - <tr id="flexbox-writing-mode-008-9" class="primary"> - <td><strong> - <a href="flexbox-writing-mode-008.xht">flexbox-writing-mode-008</a></strong></td> + <tr id="flexbox-writing-mode-008-9" class=""> + <td> + <a href="flexbox-writing-mode-008.xht">flexbox-writing-mode-008</a></td> <td><a href="reference/flexbox-writing-mode-008-ref.xht">=</a> </td> <td></td> <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode </td> </tr> - <tr id="flexbox-writing-mode-009-9" class="primary"> - <td><strong> - <a href="flexbox-writing-mode-009.xht">flexbox-writing-mode-009</a></strong></td> + <tr id="flexbox-writing-mode-009-9" class=""> + <td> + <a href="flexbox-writing-mode-009.xht">flexbox-writing-mode-009</a></td> <td><a href="reference/flexbox-writing-mode-009-ref.xht">=</a> </td> <td></td> <td>Verify that explicit sizes are honored on flex items whose writing-mode may differ from the flex container's writing-mode @@ -486,7 +486,7 @@ <tbody id="s9.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s9.1">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#box-manip">9.1 Initial Setup</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#box-manip">9.1 Initial Setup</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s9.1.#algo-anon-box"> @@ -498,7 +498,7 @@ <tbody id="s9.2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s9.2">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#line-sizing">9.2 Line Length Determination</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#line-sizing">9.2 Line Length Determination</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s9.2.#algo-available"> @@ -522,73 +522,84 @@ <tbody id="s9.3"> <tr><th colspan="4" scope="rowgroup"> <a href="#s9.3">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#main-sizing">9.3 Main Size Determination</a></th></tr> - <!-- 0 tests --> + <a href="https://www.w3.org/TR/css-flexbox-1/#main-sizing">9.3 Main Size Determination</a></th></tr> + <!-- 1 tests --> + <tr id="percentage-heights-000-9.3" class="primary dom script"> + <td><strong> + <a href="percentage-heights-000.xht">percentage-heights-000</a></strong></td> + <td></td> + <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> + <td>CSS Flexbox: Basic percentage heights + <ul class="assert"> + <li>This test checks that percentage heights on a flex item correctly resolve against the container.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s9.3.#algo-flex"> <!-- 0 tests --> </tbody> <tbody id="s9.3.#algo-line-break"> <!-- 8 tests --> - <tr id="flexbox-break-request-horiz-001a-9.3.#algo-line-break" class="primary"> - <td><strong> - <a href="flexbox-break-request-horiz-001a.xht">flexbox-break-request-horiz-001a</a></strong></td> + <tr id="flexbox-break-request-horiz-001a-9.3.#algo-line-break" class=""> + <td> + <a href="flexbox-break-request-horiz-001a.xht">flexbox-break-request-horiz-001a</a></td> <td><a href="reference/flexbox-break-request-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing page-break-before in horizontal multi-line flex containers </td> </tr> - <tr id="flexbox-break-request-horiz-001b-9.3.#algo-line-break" class="primary"> - <td><strong> - <a href="flexbox-break-request-horiz-001b.xht">flexbox-break-request-horiz-001b</a></strong></td> + <tr id="flexbox-break-request-horiz-001b-9.3.#algo-line-break" class=""> + <td> + <a href="flexbox-break-request-horiz-001b.xht">flexbox-break-request-horiz-001b</a></td> <td><a href="reference/flexbox-break-request-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing page-break-after in horizontal multi-line flex containers </td> </tr> - <tr id="flexbox-break-request-horiz-002a-9.3.#algo-line-break" class="primary"> - <td><strong> - <a href="flexbox-break-request-horiz-002a.xht">flexbox-break-request-horiz-002a</a></strong></td> + <tr id="flexbox-break-request-horiz-002a-9.3.#algo-line-break" class=""> + <td> + <a href="flexbox-break-request-horiz-002a.xht">flexbox-break-request-horiz-002a</a></td> <td><a href="reference/flexbox-break-request-horiz-002-ref.xht">=</a> </td> <td></td> <td>Testing page-break-before in horizontal single-line flex containers (should have no effect) </td> </tr> - <tr id="flexbox-break-request-horiz-002b-9.3.#algo-line-break" class="primary"> - <td><strong> - <a href="flexbox-break-request-horiz-002b.xht">flexbox-break-request-horiz-002b</a></strong></td> + <tr id="flexbox-break-request-horiz-002b-9.3.#algo-line-break" class=""> + <td> + <a href="flexbox-break-request-horiz-002b.xht">flexbox-break-request-horiz-002b</a></td> <td><a href="reference/flexbox-break-request-horiz-002-ref.xht">=</a> </td> <td></td> <td>Testing page-break-after in horizontal single-line flex containers (should have no effect) </td> </tr> - <tr id="flexbox-break-request-vert-001a-9.3.#algo-line-break" class="primary"> - <td><strong> - <a href="flexbox-break-request-vert-001a.xht">flexbox-break-request-vert-001a</a></strong></td> + <tr id="flexbox-break-request-vert-001a-9.3.#algo-line-break" class=""> + <td> + <a href="flexbox-break-request-vert-001a.xht">flexbox-break-request-vert-001a</a></td> <td><a href="reference/flexbox-break-request-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing page-break-before in vertical multi-line flex containers </td> </tr> - <tr id="flexbox-break-request-vert-001b-9.3.#algo-line-break" class="primary"> - <td><strong> - <a href="flexbox-break-request-vert-001b.xht">flexbox-break-request-vert-001b</a></strong></td> + <tr id="flexbox-break-request-vert-001b-9.3.#algo-line-break" class=""> + <td> + <a href="flexbox-break-request-vert-001b.xht">flexbox-break-request-vert-001b</a></td> <td><a href="reference/flexbox-break-request-vert-001-ref.xht">=</a> </td> <td></td> <td>Testing page-break-after in vertical multi-line flex containers </td> </tr> - <tr id="flexbox-break-request-vert-002a-9.3.#algo-line-break" class="primary"> - <td><strong> - <a href="flexbox-break-request-vert-002a.xht">flexbox-break-request-vert-002a</a></strong></td> + <tr id="flexbox-break-request-vert-002a-9.3.#algo-line-break" class=""> + <td> + <a href="flexbox-break-request-vert-002a.xht">flexbox-break-request-vert-002a</a></td> <td><a href="reference/flexbox-break-request-vert-002-ref.xht">=</a> </td> <td></td> <td>Testing page-break-before in vertical single-line flex containers (should have no effect) </td> </tr> - <tr id="flexbox-break-request-vert-002b-9.3.#algo-line-break" class="primary"> - <td><strong> - <a href="flexbox-break-request-vert-002b.xht">flexbox-break-request-vert-002b</a></strong></td> + <tr id="flexbox-break-request-vert-002b-9.3.#algo-line-break" class=""> + <td> + <a href="flexbox-break-request-vert-002b.xht">flexbox-break-request-vert-002b</a></td> <td><a href="reference/flexbox-break-request-vert-002-ref.xht">=</a> </td> <td></td> <td>Testing page-break-after in vertical single-line flex containers (should have no effect) @@ -598,7 +609,7 @@ <tbody id="s9.4"> <tr><th colspan="4" scope="rowgroup"> <a href="#s9.4">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#cross-sizing">9.4 Cross Size Determination</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#cross-sizing">9.4 Cross Size Determination</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s9.4.#algo-cross-item"> @@ -615,33 +626,33 @@ </tbody> <tbody id="s9.4.#algo-visibility"> <!-- 4 tests --> - <tr id="flexbox-collapsed-item-baseline-001-9.4.#algo-visibility" class="primary"> - <td><strong> - <a href="flexbox-collapsed-item-baseline-001.xht">flexbox-collapsed-item-baseline-001</a></strong></td> + <tr id="flexbox-collapsed-item-baseline-001-9.4.#algo-visibility" class=""> + <td> + <a href="flexbox-collapsed-item-baseline-001.xht">flexbox-collapsed-item-baseline-001</a></td> <td><a href="reference/flexbox-collapsed-item-baseline-001-ref.xht">=</a> </td> <td></td> <td>Testing that a collapsed flex item participates in baseline alignment only for the purpose of establishing container's cross size </td> </tr> - <tr id="flexbox-collapsed-item-horiz-001-9.4.#algo-visibility" class="primary"> - <td><strong> - <a href="flexbox-collapsed-item-horiz-001.xht">flexbox-collapsed-item-horiz-001</a></strong></td> + <tr id="flexbox-collapsed-item-horiz-001-9.4.#algo-visibility" class=""> + <td> + <a href="flexbox-collapsed-item-horiz-001.xht">flexbox-collapsed-item-horiz-001</a></td> <td><a href="reference/flexbox-collapsed-item-horiz-001-ref.xht">=</a> </td> <td></td> <td>Testing that visibility:collapse on a flex item in a single-line flex container maintains the containers's cross size, but doesn't otherwise impact flex layout </td> </tr> - <tr id="flexbox-collapsed-item-horiz-002-9.4.#algo-visibility" class="primary"> - <td><strong> - <a href="flexbox-collapsed-item-horiz-002.xht">flexbox-collapsed-item-horiz-002</a></strong></td> + <tr id="flexbox-collapsed-item-horiz-002-9.4.#algo-visibility" class=""> + <td> + <a href="flexbox-collapsed-item-horiz-002.xht">flexbox-collapsed-item-horiz-002</a></td> <td><a href="reference/flexbox-collapsed-item-horiz-002-ref.xht">=</a> </td> <td></td> <td>Testing that visibility:collapse on a flex item in a multi-line flex container creates struts, and that they can migrate between lines </td> </tr> - <tr id="flexbox-collapsed-item-horiz-003-9.4.#algo-visibility" class="primary"> - <td><strong> - <a href="flexbox-collapsed-item-horiz-003.xht">flexbox-collapsed-item-horiz-003</a></strong></td> + <tr id="flexbox-collapsed-item-horiz-003-9.4.#algo-visibility" class=""> + <td> + <a href="flexbox-collapsed-item-horiz-003.xht">flexbox-collapsed-item-horiz-003</a></td> <td><a href="reference/flexbox-collapsed-item-horiz-003-ref.xht">=</a> </td> <td></td> <td>Testing that strut formation (from visibility:collapse) happens *after* lines have been stretched @@ -657,7 +668,7 @@ <tbody id="s9.5"> <tr><th colspan="4" scope="rowgroup"> <a href="#s9.5">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#main-alignment">9.5 Main-Axis Alignment</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#main-alignment">9.5 Main-Axis Alignment</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s9.5.#algo-main-align"> @@ -666,7 +677,7 @@ <tbody id="s9.6"> <tr><th colspan="4" scope="rowgroup"> <a href="#s9.6">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#cross-alignment">9.6 Cross-Axis Alignment</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#cross-alignment">9.6 Cross-Axis Alignment</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s9.6.#algo-cross-align"> @@ -684,7 +695,7 @@ <tbody id="s9.7"> <tr><th colspan="4" scope="rowgroup"> <a href="#s9.7">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#resolve-flexible-lengths">9.7 Resolving Flexible Lengths</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#resolve-flexible-lengths">9.7 Resolving Flexible Lengths</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s9.7.#initial-free-space"> @@ -702,7 +713,7 @@ <tbody id="s9.8"> <tr><th colspan="4" scope="rowgroup"> <a href="#s9.8">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#definite-sizes">9.8 Definite and Indefinite Sizes</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#definite-sizes">9.8 Definite and Indefinite Sizes</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s9.8.#definite"> @@ -714,7 +725,7 @@ <tbody id="s9.9"> <tr><th colspan="4" scope="rowgroup"> <a href="#s9.9">+</a> - <a href="http://www.w3.org/TR/css-flexbox-1/#intrinsic-sizes">9.9 Intrinsic Sizes</a></th></tr> + <a href="https://www.w3.org/TR/css-flexbox-1/#intrinsic-sizes">9.9 Intrinsic Sizes</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s9.9.#max_content-cross-size"> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-003.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-003.xht index 471b20e2153..fe51e8fef08 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-003.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/flexbox-align-self-horiz-003.xht @@ -66,6 +66,10 @@ background: violet; align-self: inherit; } + .normal { + background: tan; + align-self: normal; + } </style> </head> <body> @@ -84,6 +88,7 @@ <div class="unspecified">unspec</div> <div class="initial">initial</div> <div class="inherit">inherit</div> + <div class="normal">normal</div> </div> </body> </html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/percentage-heights-000.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/percentage-heights-000.xht new file mode 100644 index 00000000000..afeeb81c406 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/percentage-heights-000.xht @@ -0,0 +1,78 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Flexbox: Basic percentage heights</title> +<link href="https://www.google.com/" rel="author" title="Google" /> +<link href="https://drafts.csswg.org/css-flexbox-1/#main-sizing" rel="help" /> +<meta content="dom" name="flags" /> +<meta content="This test checks that percentage heights on a flex item correctly resolve against the container." name="assert" /> +<style> +.flexbox { + display: flex; + background-color: #aaa; + position: relative; +} +.flexbox :nth-child(1) { + background-color: blue; +} +.flexbox :nth-child(2) { + background-color: green; +} +.flexbox :nth-child(3) { + background-color: red; +} + +.flexbox > div { + width: 40%; + height: 40%; +} +.column { + flex-flow: column wrap; + width: 100px; + height: 100px; + align-content: flex-start; +} +</style> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="support/check-layout-th.js"></script> +</head><body onload="checkLayout('.flexbox')"> +<div id="log"></div> + +<div class="flexbox column"> + <div data-expected-height="40" data-offset-x="0" data-offset-y="0"></div> + <div data-expected-height="40" data-offset-x="0" data-offset-y="40"></div> + <div data-expected-height="40" data-offset-x="40" data-offset-y="0"></div> +</div> + +<div class="flexbox column"> + <div style="margin-bottom: 10%" data-expected-height="40" data-offset-x="0" data-offset-y="0"></div> + <div style="margin-bottom: 20%" data-expected-height="40" data-offset-x="40" data-offset-y="0"></div> + <div data-expected-height="40" data-offset-x="40" data-offset-y="60"></div> +</div> + +<div class="flexbox column"> + <div style="flex: 1; min-height: 0; max-height: 20%" data-expected-height="20" data-offset-x="0" data-offset-y="0"></div> + <div data-expected-height="40" data-offset-x="0" data-offset-y="20"></div> + <div data-expected-height="40" data-offset-x="0" data-offset-y="60"></div> +</div> + +<div style="writing-mode: vertical-rl" class="flexbox column"> + <div data-expected-width="40" data-offset-x="60" data-offset-y="0"></div> + <div data-expected-width="40" data-offset-x="20" data-offset-y="0"></div> + <div data-expected-width="40" data-offset-x="60" data-offset-y="40"></div> +</div> + +<div style="writing-mode: vertical-rl" class="flexbox column"> + <div style="margin-bottom: 10%" data-expected-width="40" data-offset-x="60" data-offset-y="0"></div> + <div style="margin-bottom: 20%" data-expected-width="40" data-offset-x="20" data-offset-y="0"></div> + <div data-expected-width="40" data-offset-x="60" data-offset-y="60"></div> +</div> + +<div style="writing-mode: vertical-rl" class="flexbox column"> + <div style="flex: 1; min-width: 0; max-width: 20%" data-expected-width="20" data-offset-x="80" data-offset-y="0"></div> + <div data-expected-width="40" data-offset-x="40" data-offset-y="0"></div> + <div data-expected-width="40" data-offset-x="0" data-offset-y="0"></div> +</div> + + + +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht index e546c7e16e4..70b3a3da1b7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht @@ -11,7 +11,7 @@ .flexbox { border: 1px dashed blue; padding: 3px; - width: 560px; + width: 600px; height: 4px; font-size: 10px; line-height: 10px; @@ -57,6 +57,9 @@ .inherit { background: violet; } + .normal { + background: tan; + } </style> </head> <body> @@ -81,7 +84,8 @@ <div class="auto" style="height: 100%">auto</div> <div class="unspecified" style="height: 100%">unspec</div> <div class="initial" style="height: 100%">initial</div> - <div class="inherit">inherit</div> + <div class="inherit" style="height: 100%">inherit</div> + <div class="normal" style="height: 100%">normal</div> </div> </body> </html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/README b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/README index 69d1737bead..2e5f2ad0738 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/README +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/README @@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders. The pattern-* images use cells of various sizes: - pattern-gg-gr.png 20x20 pattern-grg-rgr-grg.png 20x20 pattern-rgr-grg-rgr.png 20x20 pattern-tr.png 15x15 diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/CSSFWOrientationTest.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/CSSFWOrientationTest.otf Binary files differnew file mode 100644 index 00000000000..f9cbd2be892 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md index 50f82b61cf3..61f6870554c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md @@ -17,7 +17,7 @@ Pre-built font binaries ---- The installable font resources (font binaries) are not part of the source files. They are available at https://github.com/adobe-fonts/css-orientation-test/ -The latest version of the font binaries is 1.005 (October 2015). +The latest version of the font binaries is 1.005 (April 4th 2015). Requirements diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/check-layout-th.js b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/check-layout-th.js new file mode 100644 index 00000000000..07f7d5ded82 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/check-layout-th.js @@ -0,0 +1,190 @@ +(function() { +// Test is initiated from body.onload, so explicit done() call is required. +setup({ explicit_done: true }); + +function checkSubtreeExpectedValues(t, parent, prefix) +{ + var checkedLayout = checkExpectedValues(t, parent, prefix); + Array.prototype.forEach.call(parent.childNodes, function(node) { + checkedLayout |= checkSubtreeExpectedValues(t, node, prefix); + }); + return checkedLayout; +} + +function checkAttribute(output, node, attribute) +{ + var result = node.getAttribute && node.getAttribute(attribute); + output.checked |= !!result; + return result; +} + +function assert_tolerance(actual, expected, message) +{ + if (isNaN(expected) || Math.abs(actual - expected) >= 1) { + assert_equals(actual, Number(expected), message); + } +} + +function checkExpectedValues(t, node, prefix) +{ + var output = { checked: false }; + + var expectedWidth = checkAttribute(output, node, "data-expected-width"); + if (expectedWidth) { + assert_tolerance(node.offsetWidth, expectedWidth, prefix + "width"); + } + + var expectedHeight = checkAttribute(output, node, "data-expected-height"); + if (expectedHeight) { + assert_tolerance(node.offsetHeight, expectedHeight, prefix + "height"); + } + + var expectedOffset = checkAttribute(output, node, "data-offset-x"); + if (expectedOffset) { + assert_tolerance(node.offsetLeft, expectedOffset, prefix + "offsetLeft"); + } + + var expectedOffset = checkAttribute(output, node, "data-offset-y"); + if (expectedOffset) { + assert_tolerance(node.offsetTop, expectedOffset, prefix + "offsetTop"); + } + + var expectedWidth = checkAttribute(output, node, "data-expected-client-width"); + if (expectedWidth) { + assert_tolerance(node.clientWidth, expectedWidth, prefix + "clientWidth"); + } + + var expectedHeight = checkAttribute(output, node, "data-expected-client-height"); + if (expectedHeight) { + assert_tolerance(node.clientHeight, expectedHeight, prefix + "clientHeight"); + } + + var expectedWidth = checkAttribute(output, node, "data-expected-scroll-width"); + if (expectedWidth) { + assert_tolerance(node.scrollWidth, expectedWidth, prefix + "scrollWidth"); + } + + var expectedHeight = checkAttribute(output, node, "data-expected-scroll-height"); + if (expectedHeight) { + assert_tolerance(node.scrollHeight, expectedHeight, prefix + "scrollHeight"); + } + + var expectedOffset = checkAttribute(output, node, "data-total-x"); + if (expectedOffset) { + var totalLeft = node.clientLeft + node.offsetLeft; + assert_tolerance(totalLeft, expectedOffset, prefix + + "clientLeft+offsetLeft (" + node.clientLeft + " + " + node.offsetLeft + ")"); + } + + var expectedOffset = checkAttribute(output, node, "data-total-y"); + if (expectedOffset) { + var totalTop = node.clientTop + node.offsetTop; + assert_tolerance(totalTop, expectedOffset, prefix + + "clientTop+offsetTop (" + node.clientTop + " + " + node.offsetTop + ")"); + } + + var expectedDisplay = checkAttribute(output, node, "data-expected-display"); + if (expectedDisplay) { + var actualDisplay = getComputedStyle(node).display; + assert_equals(actualDisplay, expectedDisplay, prefix + "display"); + } + + var expectedPaddingTop = checkAttribute(output, node, "data-expected-padding-top"); + if (expectedPaddingTop) { + var actualPaddingTop = getComputedStyle(node).paddingTop; + // Trim the unit "px" from the output. + actualPaddingTop = actualPaddingTop.slice(0, -2); + assert_equals(actualPaddingTop, expectedPaddingTop, prefix + "padding-top"); + } + + var expectedPaddingBottom = checkAttribute(output, node, "data-expected-padding-bottom"); + if (expectedPaddingBottom) { + var actualPaddingBottom = getComputedStyle(node).paddingBottom; + // Trim the unit "px" from the output. + actualPaddingBottom = actualPaddingBottom.slice(0, -2); + assert_equals(actualPaddingBottom, expectedPaddingBottom, prefix + "padding-bottom"); + } + + var expectedPaddingLeft = checkAttribute(output, node, "data-expected-padding-left"); + if (expectedPaddingLeft) { + var actualPaddingLeft = getComputedStyle(node).paddingLeft; + // Trim the unit "px" from the output. + actualPaddingLeft = actualPaddingLeft.slice(0, -2); + assert_equals(actualPaddingLeft, expectedPaddingLeft, prefix + "padding-left"); + } + + var expectedPaddingRight = checkAttribute(output, node, "data-expected-padding-right"); + if (expectedPaddingRight) { + var actualPaddingRight = getComputedStyle(node).paddingRight; + // Trim the unit "px" from the output. + actualPaddingRight = actualPaddingRight.slice(0, -2); + assert_equals(actualPaddingRight, expectedPaddingRight, prefix + "padding-right"); + } + + var expectedMarginTop = checkAttribute(output, node, "data-expected-margin-top"); + if (expectedMarginTop) { + var actualMarginTop = getComputedStyle(node).marginTop; + // Trim the unit "px" from the output. + actualMarginTop = actualMarginTop.slice(0, -2); + assert_equals(actualMarginTop, expectedMarginTop, prefix + "margin-top"); + } + + var expectedMarginBottom = checkAttribute(output, node, "data-expected-margin-bottom"); + if (expectedMarginBottom) { + var actualMarginBottom = getComputedStyle(node).marginBottom; + // Trim the unit "px" from the output. + actualMarginBottom = actualMarginBottom.slice(0, -2); + assert_equals(actualMarginBottom, expectedMarginBottom, prefix + "margin-bottom"); + } + + var expectedMarginLeft = checkAttribute(output, node, "data-expected-margin-left"); + if (expectedMarginLeft) { + var actualMarginLeft = getComputedStyle(node).marginLeft; + // Trim the unit "px" from the output. + actualMarginLeft = actualMarginLeft.slice(0, -2); + assert_equals(actualMarginLeft, expectedMarginLeft, prefix + "margin-left"); + } + + var expectedMarginRight = checkAttribute(output, node, "data-expected-margin-right"); + if (expectedMarginRight) { + var actualMarginRight = getComputedStyle(node).marginRight; + // Trim the unit "px" from the output. + actualMarginRight = actualMarginRight.slice(0, -2); + assert_equals(actualMarginRight, expectedMarginRight, prefix + "margin-right"); + } + + return output.checked; +} + +window.checkLayout = function(selectorList, outputContainer) +{ + if (!selectorList) { + console.error("You must provide a CSS selector of nodes to check."); + return; + } + var nodes = document.querySelectorAll(selectorList); + var testNumber = 0; + nodes = Array.prototype.slice.call(nodes); + nodes.reverse(); + var checkedLayout = false; + Array.prototype.forEach.call(nodes, function(node) { + test(function(t) { + var container = node.parentNode.className == 'container' ? node.parentNode : node; + var prefix = "\n" + container.outerHTML + "\n"; + var passed = false; + try { + checkedLayout |= checkExpectedValues(t, node.parentNode, prefix); + checkedLayout |= checkSubtreeExpectedValues(t, node, prefix); + passed = true; + } finally { + checkedLayout |= !passed; + } + }, selectorList + ' ' + String(++testNumber)); + }); + if (!checkedLayout) { + console.error("No valid data-* attributes found in selector list : " + selectorList); + } + done(); +}; + +})(); diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/flexbox.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/flexbox.css new file mode 100644 index 00000000000..83502cd144a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/flexbox.css @@ -0,0 +1,143 @@ +.flexbox { + display: -webkit-flex; + display: flex; +} +.inline-flexbox { + display: -webkit-inline-flex; + display: inline-flex; +} + +.flex-none { + -webkit-flex: none; + flex: none; +} +.flex-auto { + -webkit-flex: auto; + flex: auto; +} +.flex-one { + -webkit-flex: 1; + flex: 1; +} +.flex-one-one-auto { + -webkit-flex: 1 1 auto; + flex: 1 1 auto; +} + +.row { + -webkit-flex-direction: row; + flex-direction: row; +} +.row-reverse { + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.column { + -webkit-flex-direction: column; + flex-direction: column; +} +.column-reverse { + -webkit-flex-direction: column-reverse; + flex-direction: column-reverse; +} + +.wrap { + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} +.wrap-reverse { + -webkit-flex-wrap: wrap-reverse; + flex-wrap: wrap-reverse; +} + +.align-content-flex-start { + -webkit-align-content: flex-start; + align-content: flex-start; +} +.align-content-flex-end { + -webkit-align-content: flex-end; + align-content: flex-end; +} +.align-content-center { + -webkit-align-content: center; + align-content: center; +} +.align-content-space-between { + -webkit-align-content: space-between; + align-content: space-between; +} +.align-content-space-around { + -webkit-align-content: space-around; + align-content: space-around; +} +.align-content-stretch { + -webkit-align-content: stretch; + align-content: stretch; +} + +.align-items-flex-start { + -webkit-align-items: flex-start; + align-items: flex-start; +} +.align-items-flex-end { + -webkit-align-items: flex-end; + align-items: flex-end; +} +.align-items-center { + -webkit-align-items: center; + align-items: center; +} +.align-items-baseline { + -webkit-align-items: baseline; + align-items: baseline; +} +.align-items-stretch { + -webkit-align-items: stretch; + align-items: stretch; +} + +.align-self-auto { + -webkit-align-self: auto; + align-self: auto; +} +.align-self-flex-start { + -webkit-align-self: flex-start; + align-self: flex-start; +} +.align-self-flex-end { + -webkit-align-self: flex-end; + align-self: flex-end; +} +.align-self-center { + -webkit-align-self: center; + align-self: center; +} +.align-self-baseline { + -webkit-align-self: baseline; + align-self: baseline; +} +.align-self-stretch { + -webkit-align-self: stretch; + align-self: stretch; +} + +.justify-content-flex-start { + -webkit-justify-content: flex-start; + justify-content: flex-start; +} +.justify-content-flex-end { + -webkit-justify-content: flex-end; + justify-content: flex-end; +} +.justify-content-center { + -webkit-justify-content: center; + justify-content: center; +} +.justify-content-space-between { + -webkit-justify-content: space-between; + justify-content: space-between; +} +.justify-content-space-around { + -webkit-justify-content: space-around; + justify-content: space-around; +} diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-gr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-gr.png Binary files differdeleted file mode 100644 index 091de70bb72..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/pattern-gg-gr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ruler-h-50%.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ruler-h-50%.png Binary files differdeleted file mode 100644 index cf2eea6b438..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/ruler-h-50%.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/tcu-font.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/tcu-font.otf Binary files differnew file mode 100644 index 00000000000..d6e6e7fc186 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/tcu-font.otf diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-mixed-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-mixed-vrl-002.png Binary files differindex 88f06722fc9..88f06722fc9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-mixed-001.png +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-mixed-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-upright-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-upright-vrl-002.png Binary files differnew file mode 100644 index 00000000000..22eff43039c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/text-orientation-upright-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/README b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/README index 69d1737bead..2e5f2ad0738 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/README +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/README @@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders. The pattern-* images use cells of various sizes: - pattern-gg-gr.png 20x20 pattern-grg-rgr-grg.png 20x20 pattern-rgr-grg-rgr.png 20x20 pattern-tr.png 15x15 diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/CSSFWOrientationTest.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/CSSFWOrientationTest.otf Binary files differnew file mode 100644 index 00000000000..f9cbd2be892 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/CSSFWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/README.md index 50f82b61cf3..61f6870554c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/adobe-fonts/README.md @@ -17,7 +17,7 @@ Pre-built font binaries ---- The installable font resources (font binaries) are not part of the source files. They are available at https://github.com/adobe-fonts/css-orientation-test/ -The latest version of the font binaries is 1.005 (October 2015). +The latest version of the font binaries is 1.005 (April 4th 2015). Requirements diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/check-layout-th.js b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/check-layout-th.js new file mode 100644 index 00000000000..07f7d5ded82 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/check-layout-th.js @@ -0,0 +1,190 @@ +(function() { +// Test is initiated from body.onload, so explicit done() call is required. +setup({ explicit_done: true }); + +function checkSubtreeExpectedValues(t, parent, prefix) +{ + var checkedLayout = checkExpectedValues(t, parent, prefix); + Array.prototype.forEach.call(parent.childNodes, function(node) { + checkedLayout |= checkSubtreeExpectedValues(t, node, prefix); + }); + return checkedLayout; +} + +function checkAttribute(output, node, attribute) +{ + var result = node.getAttribute && node.getAttribute(attribute); + output.checked |= !!result; + return result; +} + +function assert_tolerance(actual, expected, message) +{ + if (isNaN(expected) || Math.abs(actual - expected) >= 1) { + assert_equals(actual, Number(expected), message); + } +} + +function checkExpectedValues(t, node, prefix) +{ + var output = { checked: false }; + + var expectedWidth = checkAttribute(output, node, "data-expected-width"); + if (expectedWidth) { + assert_tolerance(node.offsetWidth, expectedWidth, prefix + "width"); + } + + var expectedHeight = checkAttribute(output, node, "data-expected-height"); + if (expectedHeight) { + assert_tolerance(node.offsetHeight, expectedHeight, prefix + "height"); + } + + var expectedOffset = checkAttribute(output, node, "data-offset-x"); + if (expectedOffset) { + assert_tolerance(node.offsetLeft, expectedOffset, prefix + "offsetLeft"); + } + + var expectedOffset = checkAttribute(output, node, "data-offset-y"); + if (expectedOffset) { + assert_tolerance(node.offsetTop, expectedOffset, prefix + "offsetTop"); + } + + var expectedWidth = checkAttribute(output, node, "data-expected-client-width"); + if (expectedWidth) { + assert_tolerance(node.clientWidth, expectedWidth, prefix + "clientWidth"); + } + + var expectedHeight = checkAttribute(output, node, "data-expected-client-height"); + if (expectedHeight) { + assert_tolerance(node.clientHeight, expectedHeight, prefix + "clientHeight"); + } + + var expectedWidth = checkAttribute(output, node, "data-expected-scroll-width"); + if (expectedWidth) { + assert_tolerance(node.scrollWidth, expectedWidth, prefix + "scrollWidth"); + } + + var expectedHeight = checkAttribute(output, node, "data-expected-scroll-height"); + if (expectedHeight) { + assert_tolerance(node.scrollHeight, expectedHeight, prefix + "scrollHeight"); + } + + var expectedOffset = checkAttribute(output, node, "data-total-x"); + if (expectedOffset) { + var totalLeft = node.clientLeft + node.offsetLeft; + assert_tolerance(totalLeft, expectedOffset, prefix + + "clientLeft+offsetLeft (" + node.clientLeft + " + " + node.offsetLeft + ")"); + } + + var expectedOffset = checkAttribute(output, node, "data-total-y"); + if (expectedOffset) { + var totalTop = node.clientTop + node.offsetTop; + assert_tolerance(totalTop, expectedOffset, prefix + + "clientTop+offsetTop (" + node.clientTop + " + " + node.offsetTop + ")"); + } + + var expectedDisplay = checkAttribute(output, node, "data-expected-display"); + if (expectedDisplay) { + var actualDisplay = getComputedStyle(node).display; + assert_equals(actualDisplay, expectedDisplay, prefix + "display"); + } + + var expectedPaddingTop = checkAttribute(output, node, "data-expected-padding-top"); + if (expectedPaddingTop) { + var actualPaddingTop = getComputedStyle(node).paddingTop; + // Trim the unit "px" from the output. + actualPaddingTop = actualPaddingTop.slice(0, -2); + assert_equals(actualPaddingTop, expectedPaddingTop, prefix + "padding-top"); + } + + var expectedPaddingBottom = checkAttribute(output, node, "data-expected-padding-bottom"); + if (expectedPaddingBottom) { + var actualPaddingBottom = getComputedStyle(node).paddingBottom; + // Trim the unit "px" from the output. + actualPaddingBottom = actualPaddingBottom.slice(0, -2); + assert_equals(actualPaddingBottom, expectedPaddingBottom, prefix + "padding-bottom"); + } + + var expectedPaddingLeft = checkAttribute(output, node, "data-expected-padding-left"); + if (expectedPaddingLeft) { + var actualPaddingLeft = getComputedStyle(node).paddingLeft; + // Trim the unit "px" from the output. + actualPaddingLeft = actualPaddingLeft.slice(0, -2); + assert_equals(actualPaddingLeft, expectedPaddingLeft, prefix + "padding-left"); + } + + var expectedPaddingRight = checkAttribute(output, node, "data-expected-padding-right"); + if (expectedPaddingRight) { + var actualPaddingRight = getComputedStyle(node).paddingRight; + // Trim the unit "px" from the output. + actualPaddingRight = actualPaddingRight.slice(0, -2); + assert_equals(actualPaddingRight, expectedPaddingRight, prefix + "padding-right"); + } + + var expectedMarginTop = checkAttribute(output, node, "data-expected-margin-top"); + if (expectedMarginTop) { + var actualMarginTop = getComputedStyle(node).marginTop; + // Trim the unit "px" from the output. + actualMarginTop = actualMarginTop.slice(0, -2); + assert_equals(actualMarginTop, expectedMarginTop, prefix + "margin-top"); + } + + var expectedMarginBottom = checkAttribute(output, node, "data-expected-margin-bottom"); + if (expectedMarginBottom) { + var actualMarginBottom = getComputedStyle(node).marginBottom; + // Trim the unit "px" from the output. + actualMarginBottom = actualMarginBottom.slice(0, -2); + assert_equals(actualMarginBottom, expectedMarginBottom, prefix + "margin-bottom"); + } + + var expectedMarginLeft = checkAttribute(output, node, "data-expected-margin-left"); + if (expectedMarginLeft) { + var actualMarginLeft = getComputedStyle(node).marginLeft; + // Trim the unit "px" from the output. + actualMarginLeft = actualMarginLeft.slice(0, -2); + assert_equals(actualMarginLeft, expectedMarginLeft, prefix + "margin-left"); + } + + var expectedMarginRight = checkAttribute(output, node, "data-expected-margin-right"); + if (expectedMarginRight) { + var actualMarginRight = getComputedStyle(node).marginRight; + // Trim the unit "px" from the output. + actualMarginRight = actualMarginRight.slice(0, -2); + assert_equals(actualMarginRight, expectedMarginRight, prefix + "margin-right"); + } + + return output.checked; +} + +window.checkLayout = function(selectorList, outputContainer) +{ + if (!selectorList) { + console.error("You must provide a CSS selector of nodes to check."); + return; + } + var nodes = document.querySelectorAll(selectorList); + var testNumber = 0; + nodes = Array.prototype.slice.call(nodes); + nodes.reverse(); + var checkedLayout = false; + Array.prototype.forEach.call(nodes, function(node) { + test(function(t) { + var container = node.parentNode.className == 'container' ? node.parentNode : node; + var prefix = "\n" + container.outerHTML + "\n"; + var passed = false; + try { + checkedLayout |= checkExpectedValues(t, node.parentNode, prefix); + checkedLayout |= checkSubtreeExpectedValues(t, node, prefix); + passed = true; + } finally { + checkedLayout |= !passed; + } + }, selectorList + ' ' + String(++testNumber)); + }); + if (!checkedLayout) { + console.error("No valid data-* attributes found in selector list : " + selectorList); + } + done(); +}; + +})(); diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/flexbox.css b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/flexbox.css new file mode 100644 index 00000000000..83502cd144a --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/flexbox.css @@ -0,0 +1,143 @@ +.flexbox { + display: -webkit-flex; + display: flex; +} +.inline-flexbox { + display: -webkit-inline-flex; + display: inline-flex; +} + +.flex-none { + -webkit-flex: none; + flex: none; +} +.flex-auto { + -webkit-flex: auto; + flex: auto; +} +.flex-one { + -webkit-flex: 1; + flex: 1; +} +.flex-one-one-auto { + -webkit-flex: 1 1 auto; + flex: 1 1 auto; +} + +.row { + -webkit-flex-direction: row; + flex-direction: row; +} +.row-reverse { + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.column { + -webkit-flex-direction: column; + flex-direction: column; +} +.column-reverse { + -webkit-flex-direction: column-reverse; + flex-direction: column-reverse; +} + +.wrap { + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} +.wrap-reverse { + -webkit-flex-wrap: wrap-reverse; + flex-wrap: wrap-reverse; +} + +.align-content-flex-start { + -webkit-align-content: flex-start; + align-content: flex-start; +} +.align-content-flex-end { + -webkit-align-content: flex-end; + align-content: flex-end; +} +.align-content-center { + -webkit-align-content: center; + align-content: center; +} +.align-content-space-between { + -webkit-align-content: space-between; + align-content: space-between; +} +.align-content-space-around { + -webkit-align-content: space-around; + align-content: space-around; +} +.align-content-stretch { + -webkit-align-content: stretch; + align-content: stretch; +} + +.align-items-flex-start { + -webkit-align-items: flex-start; + align-items: flex-start; +} +.align-items-flex-end { + -webkit-align-items: flex-end; + align-items: flex-end; +} +.align-items-center { + -webkit-align-items: center; + align-items: center; +} +.align-items-baseline { + -webkit-align-items: baseline; + align-items: baseline; +} +.align-items-stretch { + -webkit-align-items: stretch; + align-items: stretch; +} + +.align-self-auto { + -webkit-align-self: auto; + align-self: auto; +} +.align-self-flex-start { + -webkit-align-self: flex-start; + align-self: flex-start; +} +.align-self-flex-end { + -webkit-align-self: flex-end; + align-self: flex-end; +} +.align-self-center { + -webkit-align-self: center; + align-self: center; +} +.align-self-baseline { + -webkit-align-self: baseline; + align-self: baseline; +} +.align-self-stretch { + -webkit-align-self: stretch; + align-self: stretch; +} + +.justify-content-flex-start { + -webkit-justify-content: flex-start; + justify-content: flex-start; +} +.justify-content-flex-end { + -webkit-justify-content: flex-end; + justify-content: flex-end; +} +.justify-content-center { + -webkit-justify-content: center; + justify-content: center; +} +.justify-content-space-between { + -webkit-justify-content: space-between; + justify-content: space-between; +} +.justify-content-space-around { + -webkit-justify-content: space-around; + justify-content: space-around; +} diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-gr.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-gr.png Binary files differdeleted file mode 100644 index 091de70bb72..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/pattern-gg-gr.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ruler-h-50%.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ruler-h-50%.png Binary files differdeleted file mode 100644 index cf2eea6b438..00000000000 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/ruler-h-50%.png +++ /dev/null diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/tcu-font.otf b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/tcu-font.otf Binary files differnew file mode 100644 index 00000000000..d6e6e7fc186 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/tcu-font.otf diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-mixed-001.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-mixed-vrl-002.png Binary files differindex 88f06722fc9..88f06722fc9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-mixed-001.png +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-mixed-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-upright-vrl-002.png b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-upright-vrl-002.png Binary files differnew file mode 100644 index 00000000000..22eff43039c --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/support/text-orientation-upright-vrl-002.png diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht index 08e2d2e5fa4..d438407ed72 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/toc.xht @@ -62,7 +62,7 @@ <tbody id="s9"> <tr><th><a href="chapter-9.xht">Chapter 9 - Flex Layout Algorithm</a></th> - <td>(61 Tests)</td></tr> + <td>(62 Tests)</td></tr> </tbody> <tbody id="s10"> <tr><th><a href="chapter-10.xht">Chapter 10 - |
