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
[css-grid] Verify that the reference to replaced elements really means that, and shouldn't apply to anything with an 'aspect-ratio'. Also slightly rearrange/rewrite for clarity.
Copy file name to clipboardExpand all lines: css-grid-1/Overview.bs
+17-8Lines changed: 17 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -1107,18 +1107,27 @@ Grid Items</h2>
1107
1107
vary by their [[css-align-3#self-alignment|self-alignment values]]:
1108
1108
1109
1109
: ''align-self/normal''
1110
-
:: If the grid item is either non-replaced--
1111
-
or is replaced but has no intrinsic aspect ratio and no intrinsic size in the relevant dimension--
1112
-
use the width calculation rules for non-replaced boxes
1113
-
as defined in <a href="https://www.w3.org/TR/CSS2/visudet.html#blockwidth">CSS2.1 § 10.3.3</a>.
1114
-
1115
-
Otherwise, if the grid item has an intrinsic ratio or an intrinsic size in the relevant dimension,
1110
+
::
1111
+
If the grid item is a [=replaced element=] with an intrinsic size in the relevant dimension
1112
+
(or with an aspect ratio and an intrinsic size in the other dimension)
1116
1113
the grid item is sized as for ''align-self: start''
1117
-
(consistent with the width calculation rules for block-level replaced elements in <a href="https://www.w3.org/TR/CSS2/visudet.html#block-replaced-width">CSS2.1 § 10.3.4</a>).
1114
+
(consistent with the width calculation rules for block-level replaced elements in [[CSS2/visudet#block-replaced-width]]).
1115
+
1116
+
Otherwise,
1117
+
use the [=inline size=] calculation rules for non-replaced boxes
1118
+
(defined in [[CSS2/visudet#blockwidth]],
1119
+
and modified by the rules for handling the 'aspect-ratio' property
1120
+
when resolving ''width/auto'' sizes in [[CSS-SIZING-4]]).
1121
+
1118
1122
: ''align-self/stretch''
1119
-
:: Use the width calculation rules for non-replaced boxes, as defined in <a href="https://www.w3.org/TR/CSS2/visudet.html#blockwidth">CSS2.1 § 10.3.3</a>.
1123
+
::
1124
+
Use the [=inline size=] calculation rules for non-replaced boxes
1125
+
(defined in [[CSS2/visudet#blockwidth]],
1126
+
and modified by the rules for handling the 'aspect-ratio' property
1127
+
when resolving ''width/auto'' sizes in [[CSS-SIZING-4]]).
1120
1128
1121
1129
Note: This may distort the aspect ratio of the item, if it has one.
0 commit comments