Skip to content

Commit 4ed28ac

Browse files
committed
Editorial tweaking.
1 parent 68e0c35 commit 4ed28ac

2 files changed

Lines changed: 52 additions & 69 deletions

File tree

css3-images/Overview.html

Lines changed: 31 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
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 &lsquo;<code class=property>object-fit</code>&rsquo; 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>&lsquo;<code class=property>border-image</code>&rsquo;
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 &lsquo;<code
12561252
class=property>background-image</code>&rsquo; property or a @src
12571253
attribute on an &lt;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>&lsquo;<code class=css>s missing dimension is taken from
1312-
the object</code>&rsquo;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:

css3-images/Overview.src.html

Lines changed: 21 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -859,8 +859,8 @@ <h3 id="sizing-terms">
859859
<dl>
860860
<dt><dfn>intrinsic dimensions</dfn></dt>
861861
<dd>
862-
<p>The intrinsic dimensions are defined are the object's preferred, natural
863-
size or aspect ratio, if any. There can be an <dfn>intrinsic height</dfn>
862+
<p>An object's intrinsic dimensions are its preferred, natural width,
863+
height, and aspect ratio, if they exist. There can be an <dfn>intrinsic height</dfn>
864864
and <dfn>intrinsic width</dfn>, defining a definite rectangle. (Most bitmap
865865
images fall into this category.) There can be an <dfn>intrinsic aspect ratio</dfn>
866866
defining the relation of the width to the height, but no definite size.
@@ -905,12 +905,7 @@ <h3 id="sizing-terms">
905905
positioning area</a>. [[CSS3BG]]</dd>
906906

907907
<dt>'list-style-image'</dt>
908-
<dd>The <i>default object size</i> is a 1em square. [[!CSS21]]
909-
<p class=issue>This doesn't reflect the CSS2.1 algorithm (they
910-
differ in how they handle images with only one intrinsic dimension
911-
and no ratio, due to step 3 of the CSS2.1 algo), but it does
912-
reflect reality.</p>
913-
</dd>
908+
<dd>The <i>default object size</i> is a 1em square. [[!CSS21]]</dd>
914909

915910
<dt>'border-image'</dt>
916911
<dd>The <i>default object size</i> is the size of the element's
@@ -942,13 +937,14 @@ <h3 id="object-negotiation">
942937
<p>Objects in CSS are sized and rendered as follows:</p>
943938

944939
<ol>
945-
<li>When an image or object is specified in a document, such as through url()
940+
<li>When an image or object is specified in a document, such as through a url()
946941
value in a 'background-image' property or a @src attribute on an &lt;img> element,
947942
CSS queries the object for its <i>intrinsic dimensions</i>.</li>
948943

949944
<li>Using the <i>intrinsic dimensions</i> and the <i>specified size</i>,
950945
CSS then computes a <i>concrete object size</i> that defines the size and
951-
position of the region the object will render in.</li>
946+
position of the region the object will render in (specified in the
947+
following section).</li>
952948

953949
<li>CSS asks the object to render itself at the <i>concrete object size</i>.
954950
CSS does not define how objects render when the <i>concrete object size</i>
@@ -958,15 +954,15 @@ <h3 id="object-negotiation">
958954
satisfy sizing constraints of its own.</li>
959955

960956
<li>Unless otherwise specified by CSS, the object is then clipped to the
961-
<i>concrete object size</i>.
957+
<i>concrete object size</i>.</li>
962958
</ol>
963959

964960
<!-- ====================================================================== -->
965961

966962
<h3 id="default-sizing">
967-
Default Intrinsic-Size Resolution</h3>
963+
Concrete Object Size Resolution</h3>
968964

969-
<p>In the absence of more specific rules to the contrary, an object's
965+
<p>In the absence of more specific rules, an object's
970966
<i>intrinsic dimensions</i> are resolved to a <i>concrete object size</i> as
971967
follows:</p>
972968

@@ -984,10 +980,10 @@ <h3 id="default-sizing">
984980
<i>intrinsic aspect-ratio</i> and the present dimension.</li>
985981

986982
<li>Otherwise, if the missing dimension is present in the object's
987-
<i>intrinsic dimensions</i>, the <i>concrete object size</i>'s missing
988-
dimension is taken from the object's <i>intrinsic dimensions</i>.</li>
983+
<i>intrinsic dimensions</i>, the missing dimension is taken from the
984+
object's <i>intrinsic dimensions</i>.</li>
989985

990-
<li>Otherwise, the missing dimension of the <i>concrete objecty size</i>
986+
<li>Otherwise, the missing dimension of the <i>concrete object size</i>
991987
is taken from the <i>default object size</i>.</li>
992988
</ol>
993989
</li>
@@ -997,22 +993,18 @@ <h3 id="default-sizing">
997993
are calculated as follows:
998994

999995
<ol>
1000-
<li>If the object has both an <i>intrinsic width</i> and an
1001-
<i>intrinsic height</i>, the <i>concrete object size</i> is given that
1002-
same height and width.</li>
1003-
1004-
<li>If the object has only an <i>intrinsic width</i> or
1005-
<i>intrinsic height</i>, and no <i>intrinsic aspect ratio</i>,
1006-
the <i>concrete object size</i> is given that width or height, and
1007-
missing dimension is taken from the <i>default object size</i>.</li>
1008-
1009996
<li>If the object has only an <i>intrinsic aspect ratio</i>, the
1010997
<i>concrete object size</i> must have that aspect ratio, and additionally
1011998
be as large as possible without either its height or width exceeding
1012-
the height or width of the <i>default object size</i>.</li>
1013-
1014-
<li>Otherwise, the <i>concrete object size</i> is the same as the
1015-
<i>default object size</i>.</li>
999+
the height or width of the <i>default object size</i>. Otherwise,
1000+
the width and height of the <i>concrete object size</i> is the same
1001+
as the object's <i>intrinsic width</i> and <i>intrinsic height</i>,
1002+
if they exist.</li>
1003+
1004+
<li>If the <i>concrete object size</i> is still missing a width or height,
1005+
and the object has an <i>intrinsic aspect ratio</i>, the missing dimension
1006+
is calculated from the present dimension and the <i>intrinsic aspect ratio</i>.
1007+
Otherwise, the missing dimensions is taken from the <i>default object size</i>.</li>
10161008
</ol>
10171009
</li>
10181010
</ul>

0 commit comments

Comments
 (0)