- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 15 Feb 2011 21:20:42 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-images In directory hutz:/tmp/cvs-serv7540 Modified Files: Overview.html Overview.src.html Log Message: Changed "CSS View Box" to "concrete object size", and reworded as appropriate. Fixed two tiny misspellings. Index: Overview.html =================================================================== RCS file: /sources/public/csswg/css3-images/Overview.html,v retrieving revision 1.69 retrieving revision 1.70 diff -u -d -r1.69 -r1.70 --- Overview.html 15 Feb 2011 05:43:45 -0000 1.69 +++ Overview.html 15 Feb 2011 21:20:40 -0000 1.70 @@ -74,12 +74,12 @@ <p>This CSS Image Values and Replaced Content module has two parts: First, it defines the syntax for <a href="#ltimage"><i><image></i></a> values - in CSS. <a href="#ltimage"><i><image</i></a> values can be a single URI - to an image, a list of URIs denoting a series of fallbacks, a reference to - an element in the document, or gradients. Second, it defines properties - used to control the interaction of replaced content and the CSS layout - algorithms. These properties can affect the used image resolution for - bitmaps, the replaced object's orientation, and whether and how to + in CSS. <a href="#ltimage"><i><image></i></a> values can be a single + URI to an image, a list of URIs denoting a series of fallbacks, a + reference to an element in the document, or gradients. Second, it defines + properties used to control the interaction of replaced content and the CSS + layout algorithms. These properties can affect the used image resolution + for bitmaps, the replaced object's orientation, and whether and how to preserve the object's aspect ratio.</p> <!-- ====================================================================== --> @@ -282,7 +282,7 @@ <dl> <dt><dfn id=minimal>minimal</dfn> - <dd>A device that does not implement CSS Transforms, CSS Animations, nor + <dd>A device that does not implement CSS Transitions, CSS Animations, nor CSSOM may ignore the chapters on Serializing and Interpolating values for the purpose of claiming conformance. @@ -620,11 +620,10 @@ <p class=note>In many places this section references a box, such as "the box's top-left corner" or "the box's right side". In all of these - circumstances, the "box" refers to the ‘<a - href="#css-view-box"><code class=css>CSS View Box</code></a>’ (see - the "Sizing Images and Objects in CSS" section of this spec for - clarification). A gradient has no intrinsic dimensions. This means that, - for example, if you use a gradient in a ‘<code + circumstances, the "box" refers to the ‘<code class=css>CSS View + Box</code>’ (see the "Sizing Images and Objects in CSS" section of + this spec for clarification). A gradient has no intrinsic dimensions. This + means that, for example, if you use a gradient in a ‘<code class=property>background-image</code>’, the "box" will simply be the size of the background sizing area. If you use a gradient in a list-style-image, the "box" will be a 1em square. @@ -1176,23 +1175,26 @@ size can be a definite width and height, a set of constraints, or a combination thereof. - <dt><dfn id=css-view-box>CSS View Box</dfn> + <dt><dfn id=concrete-object-size>concrete object size</dfn> - <dd>The CSS View Box is the result of transforming the <a + <dd>The <a href="#concrete-object-size"><i>concrete object size</i></a> is + the result of transforming the <a href="#intrinsic-dimensions"><i>intrinsic dimensions</i></a> into a - concrete size, based on the specified size and the <a - href="#default-object-size"><i>default object size</i></a>. A CSS View - Box always has a definite height and width. + concrete size, based on the <a href="#specified-size"><i>specified + size</i></a> and the <a href="#default-object-size"><i>default object + size</i></a>. A <a href="#concrete-object-size"><i>concrete object + size</i></a> always has a definite height and width. <dt><dfn id=default-object-size>default object size</dfn> <dd> - <p>The default object size is a rectangle with a definite height and - width used to determine the size of the CSS View Box when both the <a - href="#intrinsic-dimensions"><i>intrinsic dimensions</i></a> and <a - href="#specified-size"><i>specified size</i></a> are missing dimensions. - It varies based on the context in which that the image is being laid - out.</p> + <p>The <a href="#default-object-size"><i>default object size</i></a> is a + rectangle with a definite height and width used to determine the <a + href="#concrete-object-size"><i>concrete object size</i></a> when both + the <a href="#intrinsic-dimensions"><i>intrinsic dimensions</i></a> and + <a href="#specified-size"><i>specified size</i></a> are missing + dimensions. It varies based on the context in which that the image is + being laid out.</p> <div class=example> <p>Below are some examples of default object sizing areas: @@ -1260,89 +1262,100 @@ <li>Using the <a href="#intrinsic-dimensions"><i>intrinsic dimensions</i></a> and the <a href="#specified-size"><i>specified - size</i></a>, CSS then computes a <a href="#css-view-box"><i>CSS View - Box</i></a> that defines the size and position of the region the object - will render in. + size</i></a>, CSS then computes a <a + href="#concrete-object-size"><i>concrete object size</i></a> that defines + the size and position of the region the object will render in. - <li>CSS asks the object to render itself into the CSS View Box. CSS does - not define how objects render when the dimensions of the CSS View Box are - different than the object's intrinsic dimensions. The object may adjust - itself to match the dimensions of the CSS View Box in some way, or even - render itself larger or smaller than the CSS View Box to satisfy sizing - constraints of its own. + <li>CSS asks the object to render itself at the <a + href="#concrete-object-size"><i>concrete object size</i></a>. CSS does + not define how objects render when the <a + href="#concrete-object-size"><i>concrete object size</i></a> is different + from the object's <a href="#intrinsic-dimensions"><i>intrinsic + dimensions</i></a>. The object may adjust itself to match the <a + href="#concrete-object-size"><i>concrete object size</i></a> in some way, + or even render itself larger or smaller than the <a + href="#concrete-object-size"><i>concrete object size</i></a> to satisfy + sizing constraints of its own. <li>Unless otherwise specified by CSS, the object is then clipped to the - CSS View Box. + <a href="#concrete-object-size"><i>concrete object size</i></a>. </ol> <!-- ====================================================================== --> <h3 id=default-sizing><span class=secno>6.3. </span> Default Intrinsic-Size Resolution</h3> - <p>In the absence of more specific rules to the contrary, an object's - <i>intrinsic size</i> is resolved to a <a href="#css-view-box"><i>CSS View - Box</i></a> as follows: + <p>In the absence of more specific rules to the contrary, an object's <a + href="#intrinsic-dimensions"><i>intrinsic dimensions</i></a> are resolved + to a <a href="#concrete-object-size"><i>concrete object size</i></a> as + follows: <ul> <li>If the <a href="#specified-size"><i>specified size</i></a> is a - definite width and height, the <a href="#css-view-box"><i>CSS View - Box</i></a> is given that width and height. + definite width and height, the <a + href="#concrete-object-size"><i>concrete object size</i></a> is given + that width and height. <li>If the <a href="#specified-size"><i>specified size</i></a> has only a - width or height, but not both, then the <a href="#css-view-box"><i>CSS - View Box</i></a> is given that specified width or height. The other - dimension is calculated as follows: + width or height, but not both, then the <a + href="#concrete-object-size"><i>concrete object size</i></a> is given + that specified width or height. The other dimension is calculated as + follows: <ol> <li>If the object has an <a href="#intrinsic-aspect-ratio"><i>intrinsic - aspect ratio</i></a>, the <a href="#css-view-box"><i>CSS View - Box</i></a> is given the same aspect ratio. + aspect ratio</i></a>, the missing dimension of the <a + href="#concrete-object-size"><i>concrete object size</i></a> is + calculated using the <i>intrinsic aspect-ratio</i> and the present + dimension. - <li>Otherwise, if the object has the missing dimension as an - <i>intrinsic size</i>, then the missing dimension of the <a - href="#css-view-box"><i>CSS View Box</i></a> is taken from the object's - intrinsic size. + <li>Otherwise, if the missing dimension is present in the object's <a + href="#intrinsic-dimensions"><i>intrinsic dimensions</i></a>, the <a + href="#concrete-object-size"><i>concrete object + size</i></a>‘<code class=css>s missing dimension is taken from + the object</code>’s <a href="#intrinsic-dimensions"><i>intrinsic + dimensions</i></a>. - <li>Otherwise, the missing dimension of the <a - href="#css-view-box"><i>CSS View Box</i></a> is taken from the <a - href="#default-object-size"><i>default object size</i></a>. + <li>Otherwise, the missing dimension of the <i>concrete objecty size</i> + is taken from the <a href="#default-object-size"><i>default object + size</i></a>. </ol> <li>If the <a href="#specified-size"><i>specified size</i></a> has neither a definite width nor height, and has no additional contraints, the - dimensions of the <a href="#css-view-box"><i>CSS View Box</i></a> is - calculated as follows: + dimensions of the <a href="#concrete-object-size"><i>concrete object + size</i></a> are calculated as follows: <ol> <li>If the object has both an <a href="#intrinsic-width"><i>intrinsic width</i></a> and an <a href="#intrinsic-height"><i>intrinsic - height</i></a>, the <a href="#css-view-box"><i>CSS View Box</i></a> is - given that same height and width. + height</i></a>, the <a href="#concrete-object-size"><i>concrete object + size</i></a> is given that same height and width. <li>If the object has only an <a href="#intrinsic-width"><i>intrinsic width</i></a> or <a href="#intrinsic-height"><i>intrinsic height</i></a>, and no <a href="#intrinsic-aspect-ratio"><i>intrinsic - aspect ratio</i></a>, the <a href="#css-view-box"><i>CSS View - Box</i></a> is given that width or height, and missing dimension is - taken from the <a href="#default-object-size"><i>default object - size</i></a>. + aspect ratio</i></a>, the <a href="#concrete-object-size"><i>concrete + object size</i></a> is given that width or height, and missing + dimension is taken from the <a href="#default-object-size"><i>default + object size</i></a>. <li>If the object has only an <a href="#intrinsic-aspect-ratio"><i>intrinsic aspect ratio</i></a>, the - <a href="#css-view-box"><i>CSS View Box</i></a> must have that aspect - ratio, and additionally be as large as possible without either its - height or width exceeding the height or width of the <a - href="#default-object-size"><i>default object size</i></a>. + <a href="#concrete-object-size"><i>concrete object size</i></a> must + have that aspect ratio, and additionally be as large as possible + without either its height or width exceeding the height or width of the + <a href="#default-object-size"><i>default object size</i></a>. - <li>Otherwise, the <a href="#css-view-box"><i>CSS View Box</i></a> is - given the size of the <a href="#default-object-size"><i>default object - size</i></a>. + <li>Otherwise, the <a href="#concrete-object-size"><i>concrete object + size</i></a> is the same as the <a + href="#default-object-size"><i>default object size</i></a>. </ol> </ul> <p>If the <a href="#specified-size"><i>specified size</i></a> has - additional constraints, the <a href="#css-view-box"><i>CSS View - Box</i></a> must be sized to satisfy those constraints. For example, the - ‘<code class=property>min-width</code>’, ‘<code - class=property>min-height</code>’, ‘<code + additional constraints, the <a href="#concrete-object-size"><i>concrete + object size</i></a> must be sized to satisfy those constraints. For + example, the ‘<code class=property>min-width</code>’, + ‘<code class=property>min-height</code>’, ‘<code class=property>max-width</code>’, and ‘<code class=property>max-height</code>’ properties specify slightly more complex handling for sizing replaced elements, and ‘<code Index: Overview.src.html =================================================================== RCS file: /sources/public/csswg/css3-images/Overview.src.html,v retrieving revision 1.72 retrieving revision 1.73 diff -u -d -r1.72 -r1.73 --- Overview.src.html 15 Feb 2011 05:43:45 -0000 1.72 +++ Overview.src.html 15 Feb 2011 21:20:40 -0000 1.73 @@ -47,7 +47,7 @@ <p>This CSS Image Values and Replaced Content module has two parts: First, it defines the syntax for <i><image></i> values in CSS. - <i><image</i> values can be a single URI to an image, a list of + <i><image></i> values can be a single URI to an image, a list of URIs denoting a series of fallbacks, a reference to an element in the document, or gradients. Second, it defines properties used to control the interaction of replaced content and the CSS layout algorithms. @@ -93,7 +93,7 @@ <p>Conformance to CSS Image Values & Replaced Content Level 3 is defined for three classes: <dl> <dt><dfn>minimal</dfn></dt> - <dd>A device that does not implement CSS Transforms, CSS Animations, nor + <dd>A device that does not implement CSS Transitions, CSS Animations, nor CSSOM may ignore the chapters on Serializing and Interpolating values for the purpose of claiming conformance.</dd> @@ -881,16 +881,16 @@ 'object-fit' or 'background-size' properties. The specified size can be a definite width and height, a set of constraints, or a combination thereof.</dd> - <dt><dfn>CSS View Box</dfn></dt> - <dd>The CSS View Box is the result of transforming the <i>intrinsic dimensions</i> - into a concrete size, based on the specified size and the - <i>default object size</i>. A CSS View Box always has a definite height + <dt><dfn>concrete object size</dfn></dt> + <dd>The <i>concrete object size</i> is the result of transforming the <i>intrinsic dimensions</i> + into a concrete size, based on the <i>specified size</i> and the + <i>default object size</i>. A <i>concrete object size</i> always has a definite height and width.</dd> <dt><dfn>default object size</dfn></dt> <dd> - <p>The default object size is a rectangle with a definite height and - width used to determine the size of the CSS View Box when both the + <p>The <i>default object size</i> is a rectangle with a definite height and + width used to determine the <i>concrete object size</i> when both the <i>intrinsic dimensions</i> and <i>specified size</i> are missing dimensions. It varies based on the context in which that the image is being laid out.</p> @@ -946,18 +946,18 @@ CSS queries the object for its <i>intrinsic dimensions</i>.</li> <li>Using the <i>intrinsic dimensions</i> and the <i>specified size</i>, - CSS then computes a <i>CSS View Box</i> that defines the size and position - of the region the object will render in.</li> + CSS then computes a <i>concrete object size</i> that defines the size and + position of the region the object will render in.</li> - <li>CSS asks the object to render itself into the CSS View Box. CSS does - not define how objects render when the dimensions of the CSS View Box are - different than the object's intrinsic dimensions. The object may adjust - itself to match the dimensions of the CSS View Box in some way, or even - render itself larger or smaller than the CSS View Box to satisfy sizing - constraints of its own.</li> + <li>CSS asks the object to render itself at the <i>concrete object size</i>. + CSS does not define how objects render when the <i>concrete object size</i> + is different from the object's <i>intrinsic dimensions</i>. The object may + adjust itself to match the <i>concrete object size</i> in some way, or even + render itself larger or smaller than the <i>concrete object size</i> to + satisfy sizing constraints of its own.</li> <li>Unless otherwise specified by CSS, the object is then clipped to the - CSS View Box. + <i>concrete object size</i>. </ol> <!-- ====================================================================== --> @@ -966,56 +966,58 @@ Default Intrinsic-Size Resolution</h3> <p>In the absence of more specific rules to the contrary, an object's - <i>intrinsic size</i> is resolved to a <i>CSS View Box</i> as follows: + <i>intrinsic dimensions</i> are resolved to a <i>concrete object size</i> as + follows:</p> <ul> <li>If the <i>specified size</i> is a definite width and height, the - <i>CSS View Box</i> is given that width and height.</li> + <i>concrete object size</i> is given that width and height.</li> <li>If the <i>specified size</i> has only a width or height, but not both, - then the <i>CSS View Box</i> is given that specified width or height. + then the <i>concrete object size</i> is given that specified width or height. The other dimension is calculated as follows: <ol> - <li>If the object has an <i>intrinsic aspect ratio</i>, the - <i>CSS View Box</i> is given the same aspect ratio.</li> + <li>If the object has an <i>intrinsic aspect ratio</i>, the missing + dimension of the <i>concrete object size</i> is calculated using the + <i>intrinsic aspect-ratio</i> and the present dimension.</li> - <li>Otherwise, if the object has the missing dimension as an - <i>intrinsic size</i>, then the missing dimension of the - <i>CSS View Box</i> is taken from the object's intrinsic size.</li> + <li>Otherwise, if the missing dimension is present in the object's + <i>intrinsic dimensions</i>, the <i>concrete object size</i>'s missing + dimension is taken from the object's <i>intrinsic dimensions</i>.</li> - <li>Otherwise, the missing dimension of the <i>CSS View Box</i> + <li>Otherwise, the missing dimension of the <i>concrete objecty size</i> is taken from the <i>default object size</i>.</li> </ol> </li> <li>If the <i>specified size</i> has neither a definite width nor height, and - has no additional contraints, the dimensions of the <i>CSS View Box</i> is - calculated as follows: + has no additional contraints, the dimensions of the <i>concrete object size</i> + are calculated as follows: <ol> <li>If the object has both an <i>intrinsic width</i> and an - <i>intrinsic height</i>, the <i>CSS View Box</i> is given that + <i>intrinsic height</i>, the <i>concrete object size</i> is given that same height and width.</li> <li>If the object has only an <i>intrinsic width</i> or <i>intrinsic height</i>, and no <i>intrinsic aspect ratio</i>, - the <i>CSS View Box</i> is given that width or height, and + the <i>concrete object size</i> is given that width or height, and missing dimension is taken from the <i>default object size</i>.</li> <li>If the object has only an <i>intrinsic aspect ratio</i>, the - <i>CSS View Box</i> must have that aspect ratio, and additionally be as - large as possible without either its height or width exceeding + <i>concrete object size</i> must have that aspect ratio, and additionally + be as large as possible without either its height or width exceeding the height or width of the <i>default object size</i>.</li> - <li>Otherwise, the <i>CSS View Box</i> is given the size of the + <li>Otherwise, the <i>concrete object size</i> is the same as the <i>default object size</i>.</li> </ol> </li> </ul> <p>If the <i>specified size</i> has additional constraints, the - <i>CSS View Box</i> must be sized to satisfy those constraints. + <i>concrete object size</i> must be sized to satisfy those constraints. For example, the 'min-width', 'min-height', 'max-width', and 'max-height' properties specify slightly more complex handling for sizing replaced elements, and ''background-repeat: round'' can further adjust
Received on Tuesday, 15 February 2011 21:20:45 UTC