Skip to content

Commit 3494c08

Browse files
committed
[css3-layout] Defined how to determine the value of 'display' on
elements with 'grid-area' other than 'none' (which is the same as on elements with 'position: absolute'.)
1 parent f3d380f commit 3494c08

1 file changed

Lines changed: 32 additions & 9 deletions

File tree

css-template/Overview.src.html

Lines changed: 32 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -41,8 +41,8 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE: 3 August 2004]</h2>
4141

4242
<dt>Feedback:
4343
<dd>
44-
<a href="mailto:www-style@w3.org?subject=%5B[css-template]%5D%20feedback">www-style@w3.org</a>
45-
with subject line &ldquo;<kbd>[css-template] <var>&hellip; message topic &hellip;</var></kbd>&rdquo;
44+
<a href="mailto:www-style@w3.org?subject=%5B[css3-layout]%5D%20feedback">www-style@w3.org</a>
45+
with subject line &ldquo;[css3-layout] <var>&hellip; message topic &hellip;</var>&rdquo;
4646
(<a rel="discussion" href="http://lists.w3.org/Archives/Public/www-style/">archives</a>)
4747

4848
<dt>Editors:
@@ -2181,17 +2181,12 @@ <h3>Stacking elements on top of a grid: 'grid-area'</h3>
21812181
</div>
21822182

21832183
<p>The 'grid-area' property can take an element out of the flow and
2184-
position it relative to a grid. The 'z-index' is used to determine the
2184+
position it relative to a grid. Unless the value of 'grid-area' is
2185+
''none'', the 'z-index' property applies and determines the
21852186
stacking level. If the element has no <span>grid ancestor,</span> the
21862187
element is positioned as if the value were ''none''. The values have
21872188
the following meanings:
21882189

2189-
<p class=issue>Define the effect of 'z-index'. Note that 'z-index' in
2190-
CSS2 did not apply to non-positioned elements.
2191-
2192-
<p class=issue>Specify that 'float' does not apply if 'grid-area' is
2193-
not ''none''. Anything to say about the computed value of 'display'?
2194-
21952190
<dl>
21962191
<dt>none
21972192
<dd>
@@ -2272,6 +2267,34 @@ <h3>Stacking elements on top of a grid: 'grid-area'</h3>
22722267
<p class=issue>With what size?
22732268
</dl>
22742269

2270+
<p>If an elements has a 'grid-area' other than ''none'', then the
2271+
'float' property does not apply and the values of 'display' are
2272+
determined according to this table:
2273+
2274+
<table class=equiv-table>
2275+
<thead>
2276+
<tr>
2277+
<th>Specified value <th>Computed value
2278+
<tbody>
2279+
<tr>
2280+
<td>inline-table <td>table
2281+
<tr>
2282+
<td>inline, table-row-group, table-column, table-column-group,
2283+
table-header-group, table-footer-group, table-row, table-cell,
2284+
table-caption, inline-block, run-in, compact, ruby, ruby-base,
2285+
ruby-text, ruby-base-group, ruby-text-group <td>block
2286+
<tr>
2287+
<td>inline-flex <td>flex
2288+
<tr>
2289+
<td>others <td>same as specified
2290+
</table>
2291+
2292+
<p class=note>Note that “others” includes ''list-item'', ''table'',
2293+
''container' ''flex'' and of course ''none''.
2294+
2295+
<p class=issue>Check that the list above covers everything in
2296+
[[CSS3BOX]].
2297+
22752298
<div class=example>
22762299
<p>For example, these rules
22772300

0 commit comments

Comments
 (0)