You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
For example, a misparented <spanclass=cssdata-link-type=maybe>table-cell</span> child is fixed up
727
727
by <ahref=http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes>generating anonymous <spanclass=cssdata-link-type=maybe>table</span> and <spanclass=cssdata-link-type=maybe>table-row</span> elements</a> around it. <adata-biblio-type=normativedata-link-type=bibliohref=#css21title=CSS21>[CSS21]</a>
728
728
This fixup must occur <em>before</em> a <ahref=#grid-container>grid container</a>’s children are promoted to <ahref=#grid-item>grid items</a>.
729
-
For example, given two contiguous child elements with <spanclass=cssdata-link-type=maybe>display:table-cell</span>,
729
+
For example, given two contiguous child elements with <aclass=cssdata-link-type=maybehref=#propdef-displaytitle=display>display:table-cell</a>,
730
730
an anonymous table wrapper box around them becomes the <ahref=#grid-item>grid item</a>.
A descendant of the grid can be pulled out of flow and participate directly in the grid
746
-
by assigning it <spanclass=cssdata-link-type=maybe>position: grid</span>.
747
-
An element with <spanclass=cssdata-link-type=maybe>position: grid</span> is pulled out of flow and participates as a grid item
748
-
belonging to the first ancestor with <spanclass=cssdata-link-type=maybe>display: grid</span>.
746
+
by assigning it <aclass=cssdata-link-type=maybehref=http://dev.w3.org/csswg/css-position-3/#positiontitle=position>position: grid</a>.
747
+
An element with <aclass=cssdata-link-type=maybehref=http://dev.w3.org/csswg/css-position-3/#positiontitle=position>position: grid</a> is pulled out of flow and participates as a grid item
748
+
belonging to the first ancestor with <aclass=cssdata-link-type=maybehref=#propdef-displaytitle=display>display: grid</a>.
749
749
If the element is positioned using named lines or slots,
750
-
it belongs to the first ancestor with <spanclass=cssdata-link-type=maybe>display: grid</span> that has all of the corresponding named lines/slots.
750
+
it belongs to the first ancestor with <aclass=cssdata-link-type=maybehref=#propdef-displaytitle=display>display: grid</a> that has all of the corresponding named lines/slots.
751
751
If no such ancestor exists, the item remains in flow.
Subgrids: the <adata-link-for=grid-template-rowsdata-link-type=valuehref=#valuedef-subgrid>subgrid</a> keyword</span><aclass=section-linkhref=#subgrids>§</a></h4>
1076
1076
1077
1077
<p>
1078
-
A <ahref=#grid-item>grid item</a> can itself be a <ahref=#grid-container>grid container</a> by giving it <spanclass=cssdata-link-type=maybe>display: grid</span>;
1078
+
A <ahref=#grid-item>grid item</a> can itself be a <ahref=#grid-container>grid container</a> by giving it <aclass=cssdata-link-type=maybehref=#propdef-displaytitle=display>display: grid</a>;
1079
1079
in this case the layout of its contents will be independent of the layout of the grid it participates in.
Other omitted values are set to their initial values.
1622
1622
1623
1623
<divclass=example>
1624
-
<p>For example, <spanclass=cssdata-link-type=maybe>grid-auto: 1fr;</span> is equivalent to
1624
+
<p>For example, <aclass=cssdata-link-type=maybehref=#propdef-grid-autotitle=grid-auto>grid-auto: 1fr;</a> is equivalent to
1625
1625
<pre>grid-auto-columns: 1fr;
1626
1626
grid-auto-rows: 1fr;
1627
-
grid-auto-flow: rows;</pre><p>Similarly, <spanclass=cssdata-link-type=maybe>grid-auto: columns 1fr / auto</span> is equivalent to
1627
+
grid-auto-flow: rows;</pre><p>Similarly, <aclass=cssdata-link-type=maybehref=#propdef-grid-autotitle=grid-auto>grid-auto: columns 1fr / auto</a> is equivalent to
<li>Changed the syntax of <ahref=#named-lines>named lines</a> to use parentheses and identifiers rather than strings.
2564
2564
<li>Removed the "none" value from <aclass=propertydata-link-type=propdeschref=#propdef-grid-auto-flowtitle=grid-auto-flow>grid-auto-flow</a>, turning auto-placement on by default so that grid items by default don't stack on top of each other.
2565
2565
<li>Made named grid areas <ahref=#implict-named-lines>imply named grid lines</a>.
2566
+
<li>Added the <aclass=propertydata-link-type=propdeschref=#propdef-grid-autotitle=grid-auto>grid-auto</a> shorthand.
<li>Changed the syntax of <ahref="#named-lines">named lines</a> to use parentheses and identifiers rather than strings.
2609
2609
<li>Removed the "none" value from 'grid-auto-flow', turning auto-placement on by default so that grid items by default don't stack on top of each other.
2610
2610
<li>Made named grid areas <ahref="#implict-named-lines">imply named grid lines</a>.
0 commit comments