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: css-grid-1/Overview.bs
+12-12Lines changed: 12 additions & 12 deletions
Original file line number
Diff line number
Diff line change
@@ -1653,10 +1653,10 @@ Track Sizes</h4>
1653
1653
Naming Grid Lines: the <css>[<<custom-ident>>*]</css> syntax</h4>
1654
1654
1655
1655
While <a>grid lines</a> can always be referred to by their numerical index,
1656
-
<dfn export lt="named line">named lines</dfn>
1656
+
<dfn export lt="line name">line names</dfn>
1657
1657
can make the <a>grid-placement properties</a> easier to understand and maintain.
1658
-
Lines can be <dfn lt="explicitly-named line">explicitly named</dfn>in the 'grid-template-rows' and 'grid-template-columns' properties,
1659
-
or [=implicitly-named lines|implicitly named=] by creating<a>named grid areas</a> with the 'grid-template-areas' property.
1658
+
[=Line names=]can be <dfn lt="explicitly-created line name">explicitly-created</dfn>with the 'grid-template-rows' and 'grid-template-columns' properties,
1659
+
or [=implicitly-created line name|implicitly created=] by <a>named grid areas</a> with the 'grid-template-areas' property.
1660
1660
1661
1661
<div class='example'>
1662
1662
For example,
@@ -2160,22 +2160,22 @@ Serialization Of Template Strings</h4>
2160
2160
with all other white space elided.
2161
2161
2162
2162
<h4 id="implicit-named-lines">
2163
-
Implicitly-Named Lines</h4>
2163
+
Implicitly-Created Line Names</h4>
2164
2164
2165
-
The 'grid-template-areas' property creates<dfn export lt="implicitly-named line">implicitly-named lines</dfn> from the <a>named grid areas</a> in the template.
2166
-
For each <a>named grid area</a><var>foo</var>, four <a>implicitly-named lines</a> are created:
2165
+
The 'grid-template-areas' property generates<dfn export lt="implicitly-created line name">implicitly-created line names</dfn> from the <a>named grid areas</a> in the template.
2166
+
For each <a>named grid area</a><var>foo</var>, four <a>implicitly-created line names</a> are created:
2167
2167
two named <css><var>foo</var>-start</css>, naming the row-start and column-start lines of the <a>named grid area</a>,
2168
2168
and two named <css><var>foo</var>-end</css>, naming the row-end and column-end lines of the <a>named grid area</a>.
2169
2169
2170
-
These named lines behave just like any other named line,
2170
+
These [=implicitly-created line names=]behave just like any other [=line names=],
2171
2171
except that they do not appear in the value of 'grid-template-rows'/'grid-template-columns'.
2172
-
Even if an [=explicitly-named line=]of the same name is defined,
2173
-
the [=implicitly-named lines=] are just more lines with the same name.
2172
+
Even if an [=explicitly-created line name=]with the same name is defined,
2173
+
the [=implicitly-created line names=] are just more lines with the same name.
2174
2174
2175
2175
<h4 id="implicit-named-areas">
2176
2176
Implicitly-Named Areas</h4>
2177
2177
2178
-
Since a <a>named grid area</a> is referenced by the <a>implicitly-named lines</a> it produces,
2178
+
Since a <a>named grid area</a> is referenced by the <a>implicitly-created line names</a> it produces,
2179
2179
explicitly adding named lines of the same form (''foo-start''/''foo-end'')
2180
2180
effectively creates a <a>named grid area</a>.
2181
2181
Such <dfn export lt="implicitly-named area">implicitly-named areas</dfn> do not appear in the value of 'grid-template-areas',
@@ -2273,7 +2273,7 @@ Explicit Grid Shorthand: the 'grid-template' property</h3>
2273
2273
</ul>
2274
2274
</object>
2275
2275
<figcaption>The grid created by the declarations above.
2276
-
(The “a/b-start/end” names are created [=implicitly-named line|implicitly=] by the <a>named grid areas</a>.)
2276
+
(The “a/b-start/end” names are [=implicitly-created line name|implicitly created=] by the <a>named grid areas</a>.)
2277
2277
</figcaption>
2278
2278
</figure>
2279
2279
</div>
@@ -2950,7 +2950,7 @@ Line-based Placement: the 'grid-row-start', 'grid-column-start', 'grid-row-end',
2950
2950
if there is a <a>named line</a> with the name <css><<custom-ident>>-start</css> (for 'grid-*-start') / <css><<custom-ident>>-end</css> (for 'grid-*-end'),
2951
2951
contributes the first such line to the <a>grid item</a>’s <a>placement</a>.
2952
2952
2953
-
Note: <a>Named grid areas</a> automatically generate <a>implicitly-named lines</a> of this form,
2953
+
Note: <a>Named grid areas</a> automatically generate [=implicitly-created line names=] of this form,
2954
2954
so specifying ''grid-row-start: foo'' will choose the start edge of that <a>named grid area</a>
2955
2955
(unless another line named ''foo-start'' was explicitly specified before it).
0 commit comments