mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
1467 lines
No EOL
63 KiB
HTML
1467 lines
No EOL
63 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<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 (156 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column">
|
|
<col id="refs-column">
|
|
<col id="flags-column">
|
|
<col id="info-column">
|
|
<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="http://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.htm">flex-items-flexibility</a></strong></td>
|
|
<td><a href="reference/flex-items-flexibility.htm">=</a> </td>
|
|
<td></td>
|
|
<td>CSS Flex-basis Test
|
|
<ul class="assert">
|
|
<li>flex items flexibility</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<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>
|
|
<!-- 98 tests -->
|
|
<tr id="flex-001-7.1" class="primary">
|
|
<td><strong>
|
|
<a href="flex-001.htm">flex-001</a></strong></td>
|
|
<td><a href="reference/justify-content-001-ref.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-002.htm">flex-002</a></strong></td>
|
|
<td><a href="reference/justify-content-001-ref.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-003.htm">flex-003</a></strong></td>
|
|
<td><a href="reference/justify-content-001-ref.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-004.htm">flex-004</a></strong></td>
|
|
<td><a href="reference/justify-content-001-ref.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-vertical-align-effect.htm">flex-vertical-align-effect</a></strong></td>
|
|
<td><a href="reference/flex-vertical-align-effect.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flexbox_flex-0-0.htm">flexbox_flex-0-0</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-0-0-ref.htm">=</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.htm">flexbox_flex-0-0-0</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-0-0-ref.htm">=</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.htm">flexbox_flex-0-0-0-unitless</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-0-0-ref.htm">=</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.htm">flexbox_flex-0-0-1-unitless-basis</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-unitless-basis-ref.htm">=</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.htm">flexbox_flex-0-0-auto</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-0-auto-ref.htm">=</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.htm">flexbox_flex-0-0-auto-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-0-auto-shrink-ref.htm">=</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.htm">flexbox_flex-0-0-n</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-0-N-ref.htm">=</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.htm">flexbox_flex-0-0-n-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-0-N-shrink-ref.htm">=</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.htm">flexbox_flex-0-0-n-unitless-basis</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-unitless-basis-ref.htm">=</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.htm">flexbox_flex-0-0-npercent</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-0-Npercent-ref.htm">=</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.htm">flexbox_flex-0-0-npercent-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-0-Npercent-shrink-ref.htm">=</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.htm">flexbox_flex-0-1</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-1-0-ref.htm">=</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.htm">flexbox_flex-0-1-0</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-1-0-ref.htm">=</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.htm">flexbox_flex-0-1-0-unitless</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-1-0-ref.htm">=</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.htm">flexbox_flex-0-1-1-unitless-basis</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-unitless-basis-ref.htm">=</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.htm">flexbox_flex-0-1-auto</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-1-auto-ref.htm">=</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.htm">flexbox_flex-0-1-auto-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-1-auto-shrink-ref.htm">=</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.htm">flexbox_flex-0-1-n</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-1-N-ref.htm">=</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.htm">flexbox_flex-0-1-n-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-1-N-shrink-ref.htm">=</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.htm">flexbox_flex-0-1-n-unitless-basis</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-unitless-basis-ref.htm">=</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.htm">flexbox_flex-0-1-npercent</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-1-Npercent-ref.htm">=</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.htm">flexbox_flex-0-1-npercent-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-1-Npercent-shrink-ref.htm">=</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.htm">flexbox_flex-0-auto</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-initial-ref.htm">=</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.htm">flexbox_flex-0-n</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-N-0-ref.htm">=</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.htm">flexbox_flex-0-n-0</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-N-0-ref.htm">=</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.htm">flexbox_flex-0-n-0-unitless</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-N-0-ref.htm">=</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.htm">flexbox_flex-0-n-auto</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-N-auto-ref.htm">=</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.htm">flexbox_flex-0-n-auto-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-N-auto-shrink-ref.htm">=</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.htm">flexbox_flex-0-n-n</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-N-N-ref.htm">=</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.htm">flexbox_flex-0-n-n-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-N-N-shrink-ref.htm">=</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.htm">flexbox_flex-0-n-npercent</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-N-Npercent-ref.htm">=</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.htm">flexbox_flex-0-n-npercent-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-0-N-Npercent-shrink-ref.htm">=</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.htm">flexbox_flex-1-0</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-0-0-ref.htm">=</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.htm">flexbox_flex-1-0-0</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-0-0-ref.htm">=</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.htm">flexbox_flex-1-0-0-unitless</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-0-0-ref.htm">=</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.htm">flexbox_flex-1-0-auto</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-0-auto-ref.htm">=</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.htm">flexbox_flex-1-0-auto-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-0-auto-shrink-ref.htm">=</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.htm">flexbox_flex-1-0-n</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-0-N-ref.htm">=</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.htm">flexbox_flex-1-0-n-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-0-N-shrink-ref.htm">=</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.htm">flexbox_flex-1-0-npercent</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-0-Npercent-ref.htm">=</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.htm">flexbox_flex-1-0-npercent-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-0-Npercent-shrink-ref.htm">=</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.htm">flexbox_flex-1-1</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-1-0-ref.htm">=</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.htm">flexbox_flex-1-1-0</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-1-0-ref.htm">=</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.htm">flexbox_flex-1-1-0-unitless</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-1-0-ref.htm">=</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.htm">flexbox_flex-1-1-auto</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-1-auto-ref.htm">=</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.htm">flexbox_flex-1-1-auto-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-1-auto-shrink-ref.htm">=</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.htm">flexbox_flex-1-1-n</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-1-N-ref.htm">=</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.htm">flexbox_flex-1-1-n-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-1-N-shrink-ref.htm">=</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.htm">flexbox_flex-1-1-npercent</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-1-Npercent-ref.htm">=</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.htm">flexbox_flex-1-1-npercent-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-1-Npercent-shrink-ref.htm">=</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.htm">flexbox_flex-1-n</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-N-0-ref.htm">=</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.htm">flexbox_flex-1-n-0</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-N-0-ref.htm">=</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.htm">flexbox_flex-1-n-0-unitless</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-N-0-ref.htm">=</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.htm">flexbox_flex-1-n-auto</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-N-auto-ref.htm">=</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.htm">flexbox_flex-1-n-auto-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-N-auto-shrink-ref.htm">=</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.htm">flexbox_flex-1-n-n</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-N-N-ref.htm">=</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.htm">flexbox_flex-1-n-n-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-N-N-shrink-ref.htm">=</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.htm">flexbox_flex-1-n-npercent</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-N-Npercent-ref.htm">=</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.htm">flexbox_flex-1-n-npercent-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-1-N-Npercent-shrink-ref.htm">=</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.htm">flexbox_flex-n-0</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-0-0-ref.htm">=</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.htm">flexbox_flex-n-0-0</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-0-0-ref.htm">=</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.htm">flexbox_flex-n-0-0-unitless</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-0-0-ref.htm">=</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.htm">flexbox_flex-n-0-auto</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-0-auto-ref.htm">=</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.htm">flexbox_flex-n-0-auto-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-0-auto-shrink-ref.htm">=</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.htm">flexbox_flex-n-0-n</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-0-N-ref.htm">=</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.htm">flexbox_flex-n-0-n-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-0-N-shrink-ref.htm">=</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.htm">flexbox_flex-n-0-npercent</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-0-Npercent-ref.htm">=</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.htm">flexbox_flex-n-0-npercent-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-0-Npercent-shrink-ref.htm">=</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.htm">flexbox_flex-n-1</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-1-0-ref.htm">=</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.htm">flexbox_flex-n-1-0</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-1-0-ref.htm">=</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.htm">flexbox_flex-n-1-0-unitless</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-1-0-ref.htm">=</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.htm">flexbox_flex-n-1-auto</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-1-auto-ref.htm">=</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.htm">flexbox_flex-n-1-auto-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-1-auto-shrink-ref.htm">=</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.htm">flexbox_flex-n-1-n</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-1-N-ref.htm">=</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.htm">flexbox_flex-n-1-n-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-1-N-shrink-ref.htm">=</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.htm">flexbox_flex-n-1-npercent</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-1-Npercent-ref.htm">=</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.htm">flexbox_flex-n-1-npercent-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-1-Npercent-shrink-ref.htm">=</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.htm">flexbox_flex-n-n</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-N-0-ref.htm">=</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.htm">flexbox_flex-n-n-0</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-N-0-ref.htm">=</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.htm">flexbox_flex-n-n-0-unitless</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-N-0-ref.htm">=</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.htm">flexbox_flex-n-n-auto</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-N-auto-ref.htm">=</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.htm">flexbox_flex-n-n-auto-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-N-auto-shrink-ref.htm">=</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.htm">flexbox_flex-n-n-n</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-N-N-ref.htm">=</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.htm">flexbox_flex-n-n-n-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-N-N-shrink-ref.htm">=</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.htm">flexbox_flex-n-n-npercent</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-N-Npercent-ref.htm">=</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.htm">flexbox_flex-n-n-npercent-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-N-N-Npercent-shrink-ref.htm">=</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.htm">flexbox_interactive_flex-transitions</a></strong></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.htm">flexbox_interactive_order-transitions</a></strong></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.htm">flexbox_interactive_order-transitions-2</a></strong></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.htm">flexbox_item-bottom-float</a></strong></td>
|
|
<td><a href="reference/flexbox_item-bottom-float-ref.htm">=</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.htm">flexbox_item-top-float</a></strong></td>
|
|
<td><a href="reference/flexbox_item-top-float-ref.htm">=</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.htm">flexbox_rowspan-overflow</a></strong></td>
|
|
<td><a href="reference/flexbox_rowspan-ref.htm">=</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.htm">flexbox_rowspan-overflow-automatic</a></strong></td>
|
|
<td><a href="reference/flexbox_rowspan-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>flexbox | flexcontainers in cells with rowspan
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.1.#flex-basis">
|
|
<!-- 1 tests -->
|
|
<tr id="autoheight-regions-in-autoheight-flexbox-003-7.1.#flex-basis" class="ahem">
|
|
<td>
|
|
<a href="autoheight-regions-in-autoheight-flexbox-003.htm">autoheight-regions-in-autoheight-flexbox-003</a></td>
|
|
<td><a href="reference/autoheight-regions-in-autoheight-flexbox-003-ref.htm">=</a> </td>
|
|
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
|
|
<td>CSS Regions: auto-height regions in auto-height flexbox with flex basis
|
|
<ul class="assert">
|
|
<li>Test checks that the computed height of auto-height regions placed in a flex container takes into the account the flex basis property. The space available inside the flex container should be distributed according to the flex basis property. In this particular case, each of the three regions must have a height equal to one third of the flex container's height.</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.1.#flex-grow-factor">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.1.#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="primary dom">
|
|
<td><strong>
|
|
<a href="flexbox_computedstyle_flex-shorthand.htm">flexbox_computedstyle_flex-shorthand</a></strong></td>
|
|
<td></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.htm">flexbox_computedstyle_flex-shorthand-0-auto</a></strong></td>
|
|
<td></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.htm">flexbox_computedstyle_flex-shorthand-auto</a></strong></td>
|
|
<td></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.htm">flexbox_computedstyle_flex-shorthand-initial</a></strong></td>
|
|
<td></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.htm">flexbox_computedstyle_flex-shorthand-invalid</a></strong></td>
|
|
<td></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.htm">flexbox_computedstyle_flex-shorthand-none</a></strong></td>
|
|
<td></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.htm">flexbox_computedstyle_flex-shorthand-number</a></strong></td>
|
|
<td></td>
|
|
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
|
|
<td>flexbox | computed style | flex: number
|
|
</td>
|
|
</tr>
|
|
</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="http://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.htm">flexbox_flex-auto</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-auto-ref.htm">=</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.htm">flexbox_flex-initial</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-initial-ref.htm">=</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.htm">flexbox_flex-initial-2</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-initial-2-ref.htm">=</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.htm">flexbox_flex-natural</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-natural-ref.htm">=</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.htm">flexbox_flex-none</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-none-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>flexbox | flex: none
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tbody id="s7.1.1.#flex-initial">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<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>
|
|
<!-- 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>
|
|
<!-- 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.htm">autoheight-regions-in-fixed-sized-flexbox-001</a></td>
|
|
<td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-001-ref.htm">=</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.htm">autoheight-regions-in-fixed-sized-flexbox-002</a></td>
|
|
<td><a href="reference/autoheight-regions-in-fixed-sized-flexbox-002-ref.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="css-flexbox-img-expand-evenly.htm">css-flexbox-img-expand-evenly</a></strong></td>
|
|
<td><a href="reference/css-flexbox-img-expand-evenly-ref.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-grow-001.htm">flex-grow-001</a></strong></td>
|
|
<td><a href="reference/flex-grow-001-ref.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-grow-002.htm">flex-grow-002</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-grow-003.htm">flex-grow-003</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-grow-004.htm">flex-grow-004</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-grow-005.htm">flex-grow-005</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-grow-006.htm">flex-grow-006</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary dom">
|
|
<td><strong>
|
|
<a href="flexbox_computedstyle_flex-grow-0.htm">flexbox_computedstyle_flex-grow-0</a></strong></td>
|
|
<td></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.htm">flexbox_computedstyle_flex-grow-invalid</a></strong></td>
|
|
<td></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.htm">flexbox_computedstyle_flex-grow-number</a></strong></td>
|
|
<td></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.htm">flexbox_interactive_flex-grow-transitions</a></strong></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.#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="http://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.htm">flex-shrink-001</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-shrink-002.htm">flex-shrink-002</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-shrink-003.htm">flex-shrink-003</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-shrink-004.htm">flex-shrink-004</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-shrink-005.htm">flex-shrink-005</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-shrink-006.htm">flex-shrink-006</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-shrink-007.htm">flex-shrink-007</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary dom">
|
|
<td><strong>
|
|
<a href="flexbox_computedstyle_flex-shrink-0.htm">flexbox_computedstyle_flex-shrink-0</a></strong></td>
|
|
<td></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.htm">flexbox_computedstyle_flex-shrink-invalid</a></strong></td>
|
|
<td></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.htm">flexbox_computedstyle_flex-shrink-number</a></strong></td>
|
|
<td></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.htm">flexbox_interactive_flex-shrink-transitions</a></strong></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.htm">flexbox_interactive_flex-shrink-transitions-invalid</a></strong></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.#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="http://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.htm">flexbox_computedstyle_flex-basis-0</a></strong></td>
|
|
<td></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.htm">flexbox_computedstyle_flex-basis-0percent</a></strong></td>
|
|
<td></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.htm">flexbox_computedstyle_flex-basis-auto</a></strong></td>
|
|
<td></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.htm">flexbox_computedstyle_flex-basis-percent</a></strong></td>
|
|
<td></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.htm">flexbox_flex-basis</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-basis-ref.htm">=</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.htm">flexbox_flex-basis-shrink</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-basis-shrink-ref.htm">=</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.htm">flexbox_flex-natural-mixed-basis</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-natural-mixed-basis-ref.htm">=</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.htm">flexbox_flex-natural-mixed-basis-auto</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-natural-mixed-basis-auto-ref.htm">=</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.htm">flexbox_flex-natural-variable-auto-basis</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-natural-variable-auto-basis-ref.htm">=</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.htm">flexbox_interactive_flex-basis-transitions</a></strong></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.#auto">
|
|
<!-- 0 tests -->
|
|
</tbody>
|
|
<tbody id="s7.2.3.#content">
|
|
<!-- 0 tests -->
|
|
</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.htm">flex-basis-001</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-basis-002.htm">flex-basis-002</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-basis-003.htm">flex-basis-003</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-basis-004.htm">flex-basis-004</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-basis-005.htm">flex-basis-005</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-basis-006.htm">flex-basis-006</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-basis-007.htm">flex-basis-007</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flex-basis-008.htm">flex-basis-008</a></strong></td>
|
|
<td><a href="reference/ref-filled-green-100px-square.htm">=</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="primary">
|
|
<td><strong>
|
|
<a href="flexbox_flex-natural-variable-zero-basis.htm">flexbox_flex-natural-variable-zero-basis</a></strong></td>
|
|
<td><a href="reference/flexbox_flex-natural-variable-zero-basis-ref.htm">=</a> </td>
|
|
<td></td>
|
|
<td>flexbox | flex: larger integer, zero basis
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |