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
Copy file name to clipboardExpand all lines: css3-grid-layout/Overview.src.html
+10-5Lines changed: 10 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -631,17 +631,22 @@ <h3>Subgrids: the ''subgrid'' 'display' value</h3>
631
631
This is a proposal to address the alignment of sub-items across grid items
632
632
633
633
<p>
634
-
A grid item can itself be a grid element by giving it ''display: grid''; in this case the layout of its contents will be independent of the layout of the grid it participates in.
634
+
A <i>grid item</i> can itself be a <i>grid container</i> by giving it ''display: grid'';
635
+
in this case the layout of its contents will be independent of the layout of the grid it participates in.
635
636
636
637
<p>
637
-
In some cases it might be necessary for the contents of multiple grid items to align to each other; in this case ''display: subgrid'' can be used. A grid item with ''display: subgrid'' behaves just like one with ''display: grid'' except that:
638
+
In some cases it might be necessary for the contents of multiple <i>grid items</i> to align to each other;
639
+
in this case ''display: subgrid'' can be used.
640
+
A <i>grid item</i> with ''display: subgrid'' behaves just like one with ''display: grid'' except that:
641
+
638
642
<ul>
639
643
<li>
640
-
The 'grid-column-definition' and 'grid-row-definition' properties do not apply.
641
-
Instead the number of explicit tracks is given by its 'grid-column-span' and 'grid-row-span' properties,
642
-
and their sizes are determined by the parent grid.
644
+
The 'grid-definition-columns' and 'grid-definition-row' properties do not apply.
645
+
Instead the number of explicit tracks is given by its <i>gridspan</i>.
646
+
643
647
<li>
644
648
The used 'grid-column-span' and 'grid-row-span' of the item is determined by the number of grid rows and grid columns it contains.
649
+
645
650
<li>
646
651
Its own grid items participate in the sizing of its parent grid and are aligned to it.
647
652
In this process, the sum of the item's margin, padding, and borders are applied as an extra layer of margin to the items at those edges.
0 commit comments