1515
1616 < h1 > CSS Image Values and Replaced Content Module Level 3</ h1 >
1717
18- < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 7 March 2011</ h2 >
18+ < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 13 April 2011</ h2 >
1919
2020 < dl >
2121 < dt > Latest Version:
@@ -170,8 +170,8 @@ <h2 class="no-num no-toc" id=contents> Table of contents</h2>
170170 < li > < a href ="#object-negotiation "> < span class =secno > 6.2. </ span >
171171 CSS⇋Object Negotiation</ a >
172172
173- < li > < a href ="#default-sizing "> < span class =secno > 6.3. </ span > Default
174- Intrinsic- Size Resolution</ a >
173+ < li > < a href ="#default-sizing "> < span class =secno > 6.3. </ span > Concrete
174+ Object Size Resolution</ a >
175175
176176 < li > < a href ="#object-fit "> < span class =secno > 6.4. </ span > Sizing Objects:
177177 The ‘< code class =property > object-fit</ code > ’ Property</ a >
@@ -1144,8 +1144,8 @@ <h3 id=sizing-terms><span class=secno>6.1. </span> Object-Sizing
11441144 < dt > < dfn id =intrinsic-dimensions > intrinsic dimensions</ dfn >
11451145
11461146 < dd >
1147- < p > The intrinsic dimensions are defined are the object's preferred ,
1148- natural size or aspect ratio, if any . There can be an < dfn
1147+ < p > An object's intrinsic dimensions are its preferred, natural width ,
1148+ height, and aspect ratio, if they exist . There can be an < dfn
11491149 id =intrinsic-height > intrinsic height</ dfn > and < dfn
11501150 id =intrinsic-width > intrinsic width</ dfn > , defining a definite rectangle.
11511151 (Most bitmap images fall into this category.) There can be an < dfn
@@ -1210,10 +1210,6 @@ <h3 id=sizing-terms><span class=secno>6.1. </span> Object-Sizing
12101210 < dd > The < a href ="#default-object-size "> < i > default object size</ i > </ a >
12111211 is a 1em square. < a href ="#CSS21 "
12121212 rel =biblioentry > [CSS21]<!--{{!CSS21}}--> </ a >
1213- < p class =issue > This doesn't reflect the CSS2.1 algorithm (they differ
1214- in how they handle images with only one intrinsic dimension and no
1215- ratio, due to step 3 of the CSS2.1 algo), but it does reflect
1216- reality.</ p >
12171213
12181214 < dt > ‘< code class =property > border-image</ code > ’
12191215
@@ -1251,7 +1247,7 @@ <h3 id=object-negotiation><span class=secno>6.2. </span> CSS⇋Object
12511247 < p > Objects in CSS are sized and rendered as follows:
12521248
12531249 < ol >
1254- < li > When an image or object is specified in a document, such as through
1250+ < li > When an image or object is specified in a document, such as through a
12551251 url() value in a ‘< code
12561252 class =property > background-image</ code > ’ property or a @src
12571253 attribute on an <img> element, CSS queries the object for its < a
@@ -1261,7 +1257,8 @@ <h3 id=object-negotiation><span class=secno>6.2. </span> CSS⇋Object
12611257 dimensions</ i > </ a > and the < a href ="#specified-size "> < i > specified
12621258 size</ i > </ a > , CSS then computes a < a
12631259 href ="#concrete-object-size "> < i > concrete object size</ i > </ a > that defines
1264- the size and position of the region the object will render in.
1260+ the size and position of the region the object will render in (specified
1261+ in the following section).
12651262
12661263 < li > CSS asks the object to render itself at the < a
12671264 href ="#concrete-object-size "> < i > concrete object size</ i > </ a > . CSS does
@@ -1279,10 +1276,10 @@ <h3 id=object-negotiation><span class=secno>6.2. </span> CSS⇋Object
12791276 </ ol >
12801277 <!-- ====================================================================== -->
12811278
1282- < h3 id =default-sizing > < span class =secno > 6.3. </ span > Default Intrinsic- Size
1279+ < h3 id =default-sizing > < span class =secno > 6.3. </ span > Concrete Object Size
12831280 Resolution</ h3 >
12841281
1285- < p > In the absence of more specific rules to the contrary , an object's < a
1282+ < p > In the absence of more specific rules, an object's < a
12861283 href ="#intrinsic-dimensions "> < i > intrinsic dimensions</ i > </ a > are resolved
12871284 to a < a href ="#concrete-object-size "> < i > concrete object size</ i > </ a > as
12881285 follows:
@@ -1306,44 +1303,38 @@ <h3 id=default-sizing><span class=secno>6.3. </span> Default Intrinsic-Size
13061303 dimension.
13071304
13081305 < li > Otherwise, if the missing dimension is present in the object's < a
1309- href ="#intrinsic-dimensions "> < i > intrinsic dimensions</ i > </ a > , the < a
1310- href ="#concrete-object-size "> < i > concrete object
1311- size</ i > </ a > ‘< code class =css > s missing dimension is taken from
1312- the object</ code > ’s < a href ="#intrinsic-dimensions "> < i > intrinsic
1313- dimensions</ i > </ a > .
1314-
1315- < li > Otherwise, the missing dimension of the < i > concrete objecty size</ i >
1316- is taken from the < a href ="#default-object-size "> < i > default object
1317- size</ i > </ a > .
1306+ href ="#intrinsic-dimensions "> < i > intrinsic dimensions</ i > </ a > , the
1307+ missing dimension is taken from the object's < a
1308+ href ="#intrinsic-dimensions "> < i > intrinsic dimensions</ i > </ a > .
1309+
1310+ < li > Otherwise, the missing dimension of the < a
1311+ href ="#concrete-object-size "> < i > concrete object size</ i > </ a > is taken
1312+ from the < a href ="#default-object-size "> < i > default object size</ i > </ a > .
13181313 </ ol >
13191314
13201315 < li > If the < a href ="#specified-size "> < i > specified size</ i > </ a > has neither
13211316 a definite width nor height, and has no additional contraints, the
13221317 dimensions of the < a href ="#concrete-object-size "> < i > concrete object
13231318 size</ i > </ a > are calculated as follows:
13241319 < ol >
1325- < li > If the object has both an < a href ="#intrinsic-width "> < i > intrinsic
1326- width</ i > </ a > and an < a href ="#intrinsic-height "> < i > intrinsic
1327- height</ i > </ a > , the < a href ="#concrete-object-size "> < i > concrete object
1328- size</ i > </ a > is given that same height and width.
1329-
1330- < li > If the object has only an < a href ="#intrinsic-width "> < i > intrinsic
1331- width</ i > </ a > or < a href ="#intrinsic-height "> < i > intrinsic
1332- height</ i > </ a > , and no < a href ="#intrinsic-aspect-ratio "> < i > intrinsic
1333- aspect ratio</ i > </ a > , the < a href ="#concrete-object-size "> < i > concrete
1334- object size</ i > </ a > is given that width or height, and missing
1335- dimension is taken from the < a href ="#default-object-size "> < i > default
1336- object size</ i > </ a > .
1337-
13381320 < li > If the object has only an < a
13391321 href ="#intrinsic-aspect-ratio "> < i > intrinsic aspect ratio</ i > </ a > , the
13401322 < a href ="#concrete-object-size "> < i > concrete object size</ i > </ a > must
13411323 have that aspect ratio, and additionally be as large as possible
13421324 without either its height or width exceeding the height or width of the
13431325 < a href ="#default-object-size "> < i > default object size</ i > </ a > .
1344-
1345- < li > Otherwise, the < a href ="#concrete-object-size "> < i > concrete object
1346- size</ i > </ a > is the same as the < a
1326+ Otherwise, the width and height of the < a
1327+ href ="#concrete-object-size "> < i > concrete object size</ i > </ a > is the
1328+ same as the object's < a href ="#intrinsic-width "> < i > intrinsic
1329+ width</ i > </ a > and < a href ="#intrinsic-height "> < i > intrinsic
1330+ height</ i > </ a > , if they exist.
1331+
1332+ < li > If the < a href ="#concrete-object-size "> < i > concrete object
1333+ size</ i > </ a > is still missing a width or height, and the object has an
1334+ < a href ="#intrinsic-aspect-ratio "> < i > intrinsic aspect ratio</ i > </ a > ,
1335+ the missing dimension is calculated from the present dimension and the
1336+ < a href ="#intrinsic-aspect-ratio "> < i > intrinsic aspect ratio</ i > </ a > .
1337+ Otherwise, the missing dimensions is taken from the < a
13471338 href ="#default-object-size "> < i > default object size</ i > </ a > .
13481339 </ ol >
13491340 </ ul >
@@ -1742,7 +1733,7 @@ <h2 id=image-orientation><span class=secno>8. </span> Orienting an Image on
17421733 < tr >
17431734 < th > Inherited:
17441735
1745- < td > N/A
1736+ < td > no
17461737
17471738 < tr >
17481739 < th > Media:
@@ -1820,7 +1811,7 @@ <h2 id=image-rendering><span class=secno>9. </span> Determining How to
18201811 < tr >
18211812 < th > Inherited:
18221813
1823- < td > Yes
1814+ < td > yes
18241815
18251816 < tr >
18261817 < th > Media:
0 commit comments