Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-23 08:34:42 +01:00
Code Issues Projects Releases Packages Wiki Activity
servo/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/chapter-7.xht
Ms2ger 296fa2512b Update web-platform-tests and CSS tests. 
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180.
- Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
2017-02-06 22:38:29 +01:00

1786 lines
No EOL
70 KiB
HTML
Raw Blame History

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Flexibility - CSS Flexible Box Layout Module Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Flexible Box Layout Module Level 1 CR Test Suite</h1>
<h2>Flexibility (155 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
<col id="flags-column"></col>
<col id="info-column"></col>
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7">+</a>
<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="">
<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
<ul class="assert">
<li>flex items flexibility</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s7.#flexible">
<!-- 0 tests -->
</tbody>
<tbody id="s7.#fully-inflexible">
<!-- 0 tests -->
</tbody>
<tbody id="s7.#ref-for-flex-flex-grow-factor-1">
<!-- 0 tests -->
</tbody>
<tbody id="s7.#ref-for-flex-flex-shrink-factor-1">
<!-- 0 tests -->
</tbody>
<tbody id="s7.#ref-for-flex-item-31">
<!-- 0 tests -->
</tbody>
<tbody id="s7.#ref-for-flex-item-32">
<!-- 0 tests -->
</tbody>
<tbody id="s7.#ref-for-main-dimension-3">
<!-- 0 tests -->
</tbody>
<tbody id="s7.#ref-for-propdef-flex-3">
<!-- 0 tests -->
</tbody>
<tbody id="s7.#ref-for-propdef-flex-grow-1">
<!-- 0 tests -->
</tbody>
<tbody id="s7.#ref-for-propdef-flex-shrink-1">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.1">+</a>
<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="">
<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
<ul class="assert">
<li>This test checks that the flex grow factor determines the distribution of positive free space.</li>
</ul>
</td>
</tr>
<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
<ul class="assert">
<li>This test checks that the flex shrink factor is multiplied by the flex base size when distributing negative space.</li>
</ul>
</td>
</tr>
<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
<ul class="assert">
<li>This test checks that the flex items with a different flex grow factor have different flexibilities.</li>
</ul>
</td>
</tr>
<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
<ul class="assert">
<li>This test checks that the flex items with a different flex shrink factor have different flexibilities.</li>
</ul>
</td>
</tr>
<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'
<ul class="assert">
<li>vertical-align property has no effect</li>
</ul>
</td>
</tr>
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="">
<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="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="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="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="">
<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="">
<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="">
<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="">
<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
</td>
</tr>
</tbody>
<tbody id="s7.1.#flex-flex-basis">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#flex-flex-grow-factor">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#flex-flex-shrink-factor">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#flexible-length">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#propdef-flex">
<!-- 7 tests -->
<tr id="flexbox_computedstyle_flex-shorthand-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand.xht">flexbox_computedstyle_flex-shorthand</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>flexbox | computed style | flex: invalid
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shorthand-0-auto-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand-0-auto.xht">flexbox_computedstyle_flex-shorthand-0-auto</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>flexbox | computed style | flex: 0 auto
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shorthand-auto-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand-auto.xht">flexbox_computedstyle_flex-shorthand-auto</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>flexbox | computed style | flex: auto
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shorthand-initial-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand-initial.xht">flexbox_computedstyle_flex-shorthand-initial</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>flexbox | computed style | flex: initial
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shorthand-invalid-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand-invalid.xht">flexbox_computedstyle_flex-shorthand-invalid</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>flexbox | computed style | flex: invalid
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shorthand-none-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand-none.xht">flexbox_computedstyle_flex-shorthand-none</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>flexbox | computed style | flex: auto
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shorthand-number-7.1.#propdef-flex" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shorthand-number.xht">flexbox_computedstyle_flex-shorthand-number</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>flexbox | computed style | flex: number
</td>
</tr>
</tbody>
<tbody id="s7.1.#ref-for-flex-base-size-1">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-flex-basis-1">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-flex-grow-factor-2">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-flex-shrink-factor-2">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-flex-shrink-factor-3">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-item-33">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-item-34">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-item-35">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-item-36">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-item-37">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-item-38">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-item-39">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-item-40">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-item-41">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-flex-item-42">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-main-size-4">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-main-size-5">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-main-size-property-4">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-main-size-property-5">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-10">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-11">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-4">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-5">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-6">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-7">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-8">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-9">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-basis-1">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-basis-2">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-basis-3">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-basis-4">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-basis-5">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-basis-6">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-basis-7">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-basis-8">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-grow-2">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-grow-3">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-grow-4">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-grow-5">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-shrink-2">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-shrink-3">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-propdef-flex-shrink-4">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-valdef-flex-basis-auto-1">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-valdef-flex-basis-auto-2">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-valdef-flex-basis-content-1">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-valdef-flex-basis-content-2">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-valdef-flex-none-1">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#ref-for-valdef-min-width-auto-2">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#valdef-flex-basis-auto">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#valdef-flex-basis-content">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#valdef-flex-flex-basis">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#valdef-flex-flex-grow">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#valdef-flex-flex-shrink">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#valdef-flex-none">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.1.1">+</a>
<a href="https://www.w3.org/TR/css-flexbox-1/#flex-common">7.1.1 Basic Values of flex</a></th></tr>
<!-- 5 tests -->
<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="">
<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="">
<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="">
<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="">
<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
</td>
</tr>
</tbody>
<tbody id="s7.1.1.#flex-initial">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-flex-flex-basis-2">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-fully-inflexible-1">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-main-axis-10">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-main-axis-9">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-main-size-property-6">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-12">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-13">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-14">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-15">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-16">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-17">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-18">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-19">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-20">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-21">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-22">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-23">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-24">
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.1.#ref-for-propdef-flex-25">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.2">+</a>
<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.#ref-for-propdef-flex-26">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.2.1">+</a>
<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">
<!-- 13 tests -->
<tr id="autoheight-regions-in-fixed-sized-flexbox-001-7.2.1.#propdef-flex-grow" class="ahem">
<td>
<a href="autoheight-regions-in-fixed-sized-flexbox-001.xht">autoheight-regions-in-fixed-sized-flexbox-001</a></td>
<td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-001-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS Regions: Auto-height regions inside fixed sized flexbox
<ul class="assert">
<li>Test checks that auto-height regions respect the flex grow property when placed inside a fixed sized flexbox with a single row.</li>
</ul>
</td>
</tr>
<tr id="autoheight-regions-in-fixed-sized-flexbox-002-7.2.1.#propdef-flex-grow" class="ahem">
<td>
<a href="autoheight-regions-in-fixed-sized-flexbox-002.xht">autoheight-regions-in-fixed-sized-flexbox-002</a></td>
<td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-002-ref.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>CSS Regions: Auto-height regions inside fixed sized flexbox with column flow
<ul class="assert">
<li>Test checks that auto-height regions placed inside a fixed sized flexbox with column flow have the correct computed height. There are two regions placed inside the same flex container having the same 'grow' value. The space should be distributed evenly between the two.</li>
</ul>
</td>
</tr>
<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
<ul class="assert">
<li>3 rectangular images fill out border.</li>
</ul>
</td>
</tr>
<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
<ul class="assert">
<li>'flex-grow' property specifies the flex grow factor, which determines how much the flex item will grow relative to the rest of the flex items in the flex container when positive free space is distributed.</li>
</ul>
</td>
</tr>
<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)
<ul class="assert">
<li>The 'flex-grow' property initial value is '0', the flex item will keep the width when 'flex-grow' set '0'</li>
</ul>
</td>
</tr>
<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
<ul class="assert">
<li>The 'flex-grow' property set negative number, the flex item will not grow.</li>
</ul>
</td>
</tr>
<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)
<ul class="assert">
<li>The 'flex-grow' property is invalid when the flex container has no space distributed.</li>
</ul>
</td>
</tr>
<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)
<ul class="assert">
<li>The 'flex-grow' property is invalid when the property applied to flex container.</li>
</ul>
</td>
</tr>
<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)
<ul class="assert">
<li>Test checks that all space of flex container will be filled when there is only one flex item and 'flex-grow' set any positive number.</li>
</ul>
</td>
</tr>
<tr id="flexbox_computedstyle_flex-grow-0-7.2.1.#propdef-flex-grow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-grow-0.xht">flexbox_computedstyle_flex-grow-0</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>flexbox | computed style | flex-grow: 0
</td>
</tr>
<tr id="flexbox_computedstyle_flex-grow-invalid-7.2.1.#propdef-flex-grow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-grow-invalid.xht">flexbox_computedstyle_flex-grow-invalid</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>flexbox | computed style | flex-grow: negative
</td>
</tr>
<tr id="flexbox_computedstyle_flex-grow-number-7.2.1.#propdef-flex-grow" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-grow-number.xht">flexbox_computedstyle_flex-grow-number</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>flexbox | computed style | flex-grow: number
</td>
</tr>
<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
</td>
</tr>
</tbody>
<tbody id="s7.2.1.#ref-for-flex-flex-grow-factor-3">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.1.#ref-for-flex-item-43">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.1.#ref-for-propdef-flex-27">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.1.#ref-for-propdef-flex-grow-6">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.1.#ref-for-propdef-flex-grow-7">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.1.#ref-for-propdef-flex-grow-8">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.1.#valdef-flex-grow-number">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.2.2">+</a>
<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="">
<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)
<ul class="assert">
<li>The flex-shrink property set positive number determines how much the flex item will shrink relative to the rest of the flex items in the flex container when negative free space is distributed</li>
</ul>
</td>
</tr>
<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)
<ul class="assert">
<li>The flex-shrink property set negative is invalid to shrink flex items when negative free space is distributed</li>
</ul>
</td>
</tr>
<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)
<ul class="assert">
<li>The flex-shrink property initial value is 1</li>
</ul>
</td>
</tr>
<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)
<ul class="assert">
<li>The flex-shrink property is invalid when flex container has enough space to load flex items</li>
</ul>
</td>
</tr>
<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
<ul class="assert">
<li>The flex-shrink property set 0 will ignore the flex container</li>
</ul>
</td>
</tr>
<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)
<ul class="assert">
<li>The flex item whose flex-shrink property of set 0 will displayed on the top of all flex items</li>
</ul>
</td>
</tr>
<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
<ul class="assert">
<li>The flex-shrink property applied to flex container is invalid, all flex items will use the default value 1</li>
</ul>
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shrink-0-7.2.2.#propdef-flex-shrink" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shrink-0.xht">flexbox_computedstyle_flex-shrink-0</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>flexbox | computed style | flex-shrink: 0
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shrink-invalid-7.2.2.#propdef-flex-shrink" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shrink-invalid.xht">flexbox_computedstyle_flex-shrink-invalid</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>flexbox | computed style | flex-shrink: negative
</td>
</tr>
<tr id="flexbox_computedstyle_flex-shrink-number-7.2.2.#propdef-flex-shrink" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-shrink-number.xht">flexbox_computedstyle_flex-shrink-number</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>flexbox | computed style | flex-shrink: number
</td>
</tr>
<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="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
</td>
</tr>
</tbody>
<tbody id="s7.2.2.#ref-for-flex-flex-shrink-factor-4">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.2.#ref-for-flex-item-44">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.2.#ref-for-propdef-flex-28">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.2.#ref-for-propdef-flex-shrink-5">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.2.#ref-for-propdef-flex-shrink-6">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.2.#ref-for-propdef-flex-shrink-7">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.2.#valdef-flex-shrink-number">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.2.3">+</a>
<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="dom script">
<td>
<a href="flexbox_computedstyle_flex-basis-0.xht">flexbox_computedstyle_flex-basis-0</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>flexbox | computed style | flex-basis: 0
</td>
</tr>
<tr id="flexbox_computedstyle_flex-basis-0percent-7.2.3" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-basis-0percent.xht">flexbox_computedstyle_flex-basis-0percent</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>flexbox | computed style | flex-basis: 0%
</td>
</tr>
<tr id="flexbox_computedstyle_flex-basis-auto-7.2.3" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-basis-auto.xht">flexbox_computedstyle_flex-basis-auto</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>flexbox | computed style | flex-basis: auto
</td>
</tr>
<tr id="flexbox_computedstyle_flex-basis-percent-7.2.3" class="dom script">
<td>
<a href="flexbox_computedstyle_flex-basis-percent.xht">flexbox_computedstyle_flex-basis-percent</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>flexbox | computed style | flex-basis: percent
</td>
</tr>
<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="">
<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="">
<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="">
<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="">
<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="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
</td>
</tr>
</tbody>
<tbody id="s7.2.3.#propdef-flex-basis">
<!-- 9 tests -->
<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
<ul class="assert">
<li>The 'flex-basis' property set positive number, the actual value of test element size is same as the positive number</li>
</ul>
</td>
</tr>
<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
<ul class="assert">
<li>The 'flex-basis' property specified correct value, the actual value of test element size is same as to the value of 'flex-basis' property, and the 'width' property is invalid.</li>
</ul>
</td>
</tr>
<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)
<ul class="assert">
<li>The 'flex-basis' property set negative number, the tested element is not shown when width not set either.</li>
</ul>
</td>
</tr>
<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)
<ul class="assert">
<li>The 'flex-basis' property set negative number, the actual width of tested element is same as the value of 'width' property specified.</li>
</ul>
</td>
</tr>
<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
<ul class="assert">
<li>The 'flex-basis' property set '0', the actual width of tested element is same as 0.</li>
</ul>
</td>
</tr>
<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%
<ul class="assert">
<li>The 'flex-basis' property set '0%', the actual width of tested element is same as 0.</li>
</ul>
</td>
</tr>
<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
<ul class="assert">
<li>The 'flex-basis' property set 'auto', the actual width of tested element same as the value which specified by width property.</li>
</ul>
</td>
</tr>
<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%
<ul class="assert">
<li>The 'flex-basis' property set positive percentage, the actual width of tested element same as the percentage of flex container size.</li>
</ul>
</td>
</tr>
<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
</td>
</tr>
</tbody>
<tbody id="s7.2.3.#ref-for-definite-8">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-flex-container-28">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-flex-container-29">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-flex-flex-basis-3">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-flex-item-45">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-main-size-6">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-propdef-flex-29">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-propdef-flex-basis-10">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-propdef-flex-basis-11">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-propdef-flex-basis-12">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-propdef-flex-basis-13">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-propdef-flex-basis-14">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-propdef-flex-basis-15">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-propdef-flex-basis-16">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-propdef-flex-basis-9">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-valdef-flex-basis-auto-3">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-valdef-flex-basis-content-3">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-valdef-flex-basis-content-4">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-valdef-flex-basis-content-5">
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.3.#ref-for-valdef-flex-basis-content-6">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>
Reference in a new issue View git blame Copy permalink