@@ -2029,37 +2029,38 @@ <h3 id=object-fit><span class=secno>5.4. </span> Sizing Objects: the
20292029 < p > The ‘< a href ="#object-fit0 "> < code
20302030 class =property > object-fit</ code > </ a > ’ property specifies how the
20312031 contents of a replaced element should be scaled relative to the box
2032- established by its used height and width. It also enables scaling a
2033- replaced element up to a specified maximum size or down to a specified
2034- minimum size while preserving its aspect ratio.
2035-
2036- < p > Not all replaced elements can be scaled, but images typically can.
2037-
2038- < p > If the replaced element's content does not have an < a
2039- href ="#intrinsic-aspect-ratio "> < i > intrinsic aspect ratio</ i > </ a > , all of
2040- the values for ‘< a href ="#object-fit0 "> < code
2041- class =property > object-fit</ code > </ a > ’ are treated as ‘< code
2042- class =css > fill</ code > ’.
2032+ established by its used height and width. Not all replaced elements can be
2033+ scaled, but images typically can.
20432034
20442035 < dl >
20452036 < dt > ‘< code class =css > fill</ code > ’
20462037
2047- < dd > The object's < a href ="#specified- size "> < i > specified size </ i > </ a > is
2048- the element's used width and height.
2038+ < dd > The object's < a href ="#concrete-object- size "> < i > concrete object
2039+ size </ i > </ a > is the element's used width and height.
20492040
20502041 < dt > ‘< code class =css > contain</ code > ’
20512042
2052- < dd > The object's < a href ="#specified-size "> < i > specified size</ i > </ a > is a
2053- "contain" constraint.
2043+ < dd > The object's < a href ="#concrete-object-size "> < i > concrete object
2044+ size</ i > </ a > is the largest rectangle that has the object's < a
2045+ href ="#intrinsic-aspect-ratio "> < i > intrinsic aspect ratio</ i > </ a > , and
2046+ additionally has neither width nor height larger than the replaced
2047+ element's used width and height, respectively.
20542048
20552049 < dt > ‘< code class =css > cover</ code > ’
20562050
2057- < dd > The object's < a href ="#specified-size "> < i > specified size</ i > </ a > is a
2058- "cover" constraint.
2051+ < dd > The object's < a href ="#concrete-object-size "> < i > concrete object
2052+ size</ i > </ a > the smallest rectangle that has the object's < a
2053+ href ="#intrinsic-aspect-ratio "> < i > intrinsic aspect ratio</ i > </ a > , and
2054+ additionally has neither width nor height smaller than the replaced
2055+ element's used width and height, respectively.
20592056
20602057 < dt > ‘< code class =css > none</ code > ’
20612058
2062- < dd > The object has no < a href ="#specified-size "> < i > specified size</ i > </ a > .
2059+ < dd > Determine the object's < a href ="#concrete-object-size "> < i > concrete
2060+ object size</ i > </ a > using the < a
2061+ href ="#default-sizing-algorithm "> < i > default sizing algorithm</ i > </ a > with
2062+ no specified size, and a < a href ="#default-object-size "> < i > default object
2063+ size</ i > </ a > equal to the replaced element's used width and height.
20632064
20642065 < dt > ‘< code class =css > scale-down</ code > ’
20652066
@@ -2074,6 +2075,12 @@ <h3 id=object-fit><span class=secno>5.4. </span> Sizing Objects: the
20742075 intrinsic aspect ratio, so the concept of "smaller" is well-defined.</ p >
20752076 </ dl >
20762077
2078+ < p > If the replaced element's content does not have an < a
2079+ href ="#intrinsic-aspect-ratio "> < i > intrinsic aspect ratio</ i > </ a > , the
2080+ ‘< code class =css > cover</ code > ’ and ‘< code
2081+ class =css > contain</ code > ’ values are treated as ‘< code
2082+ class =css > fill</ code > ’.
2083+
20772084 < p > If the content does not completely fill the replaced element's content
20782085 box, the unfilled space shows the replaced element's background. Since
20792086 replaced elements always clip their contents to the content box, the
0 commit comments