[css-images-3] Rename 'intrinsic dimensions' to 'natural dimensions', per w3c#4961. Part 1 of further edits...

Author: tabatkins

css-images-3/Overview.bs

@@ -107,7 +107,8 @@ Image Values: the <<image>> type {#image-values}
 	In some cases an image is invalid,
 	such as a <<url>> pointing to a resource that is not a valid image format
 	or that has failed to load.
-	An <dfn export lt="invalid image|valid image">invalid image</dfn> is rendered as a solid-color ''transparent'' image with no intrinsic dimensions.
+	An <dfn export lt="invalid image|valid image">invalid image</dfn> is rendered
+	as a solid-color ''transparent'' image with no [=natural dimensions=].
 	However, <a>invalid images</a> can trigger error-handling clauses
 	in some contexts.
 	For example, an <a>invalid image</a> in 'list-style-image'
@@ -118,7 +119,7 @@ Image Values: the <<image>> type {#image-values}
 	is is a <dfn export>loading image</dfn>.
 	[=Loading images=] are <em>not</em> [=invalid images=],
 	but have similar behavior:
-	they are rendered as a solid-color ''transparent'' image with no intrinsic dimensions,
+	they are rendered as a solid-color ''transparent'' image with no [=natural dimensions=],
 	and may trigger fallback rendering in contexts that offer it,
 	but must not trigger loading of fallback resources.
 	Alternately, if a <a>loading image</a> happens to be replacing
@@ -128,7 +129,7 @@ Image Values: the <<image>> type {#image-values}
 	it may continue to render the already-loaded image
 	in place of the <a>loading image</a>.
 
-	Partially-loaded images (whose [=intrinsic dimensions=] are known, but whose image data is not fully loaded)
+	Partially-loaded images (whose [=natural dimensions=] are known, but whose image data is not fully loaded)
 	may be either treated as [=loading images=]
 	or as loaded images rendered with partial data.
 	For example, a UA may render an interlaced GIF in place
@@ -282,7 +283,7 @@ Gradients {#gradients}
 
 	A gradient is drawn into a box with the dimensions of the <a>concrete object size</a>,
 	referred to as the <dfn export>gradient box</dfn>.
-	However, the gradient itself has no <a>intrinsic dimensions</a>.
+	However, the gradient itself has no [=natural dimensions=].
 
 	<div class='example'>
 		For example, if you use a gradient as a background,
@@ -1154,44 +1155,46 @@ Object-Sizing Terminology {#sizing-terms}
 	to make it easier to refer to various concepts:
 
 	<dl export>
-		<dt><dfn>intrinsic dimensions</dfn>
+		<dt><dfn>natural dimension</dfn>
 		<dd>
-			The term intrinsic dimensions refers to the set of
-			the <dfn>intrinsic height</dfn>,
-			<dfn>intrinsic width</dfn>,
-			and <dfn>intrinsic aspect ratio</dfn>
+			The term [=natural dimensions=] refers to the set of
+			the <dfn>natural height</dfn>,
+			<dfn>natural width</dfn>,
+			and <dfn>natural aspect ratio</dfn>
 			(the ratio between the width and height),
 			each of which may or may not exist for a given [=object=].
-			These intrinsic dimensions represent a preferred or natural size of the object itself;
+			These natural dimensions represent the preferred sizing intrinsic to the object itself;
 			that is, they are not a function of the context in which the object is used.
-			CSS does not define how the intrinsic dimensions are found in general.
+			CSS does not define how the natural dimensions are found in general.
 
-			Raster images are an example of an [=object=] with all three intrinsic dimensions.
-			SVG images designed to scale might have only an <a>intrinsic aspect ratio</a>;
-			SVG images can also be created with only an <a>intrinsic width</a> or <a lt="intrinsic height">height</a>.
-			CSS gradients, defined in this specification, are an example of an object with no intrinsic dimensions at all.
+			Raster images are an example of an [=object=] with all three natural dimensions.
+			SVG images designed to scale might have only an [=natural aspect ratio=];
+			SVG images can also be created with only an [=natural width=] or [=natural height|height=].
+			CSS gradients, defined in this specification,
+			are an example of an object with no [=natural dimensions=] at all.
 			Another example of this is embedded documents,
 			such as the <{iframe}> element in HTML.
-			In general, [=objects=] cannot have only two intrinsic dimensions,
+			Many [=objects=], such as most images,
+			cannot have only two [=natural dimensions=],
 			as any two automatically define the third.
 			However some types of replaced elements,
 			such as form controls,
-			can have an <a>intrinsic width</a> and an <a>intrinsic height</a>,
-			but no <a>intrinsic aspect ratio</a>.
+			can have a [=natural width=] and a [=natural height=],
+			but no [=natural aspect ratio=].
 
-			If an [=object=] has a [=degenerate ratio|degenerate=] [=intrinsic aspect ratio=]
+			If an [=object=] has a [=degenerate ratio|degenerate=] [=natural aspect ratio=]
 			(at least one part being zero or infinity),
-			it is treated as having no [=intrinsic aspect ratio=].
+			it is treated as having no [=natural aspect ratio=].
 
 			If an [=object=] (such as an icon) has multiple sizes,
-			then the largest size (by area) is taken as its intrinsic size.
+			then the largest size (by area) is taken as its [=natural dimensions=].
 			If it has multiple aspect ratios at that size,
 			or has multiple aspect ratios and no size,
 			then the aspect ratio closest to the aspect ratio of the <a>default object size</a> is used.
 			Determine this by seeing which aspect ratio produces the largest area
 			when fitting it within the <a>default object size</a> using a <a>contain constraint</a> fit;
 			if multiple sizes tie for the largest area,
-			the widest size is chosen as its intrinsic size.
+			the widest size is chosen as its [=natural dimensions=].
 
 		<dt><dfn>specified size</dfn>
 		<dd>
@@ -1204,15 +1207,15 @@ Object-Sizing Terminology {#sizing-terms}
 		<dt><dfn>concrete object size</dfn>
 		<dd>
 			The <a>concrete object size</a> is the result of combining
-			an [=object’s=] <a>intrinsic dimensions</a> and <a>specified size</a>
+			an [=object’s=] [=natural dimensions=] and [=specified size=]
 			with the <a>default object size</a> of the context it's used in,
-			producing a rectangle with a definite width and height.
+			producing a rectangle with an absolute width and height.
 
 		<dt><dfn>default object size</dfn>
 		<dd>
-			The <a>default object size</a> is a rectangle with a definite height and width
+			The <a>default object size</a> is a rectangle with an absolute height and width
 			used to determine the <a>concrete object size</a>
-			when both the <a>intrinsic dimensions</a> and <a>specified size</a> are missing dimensions.
+			when both the [=natural dimensions=] and [=specified size=] are missing dimensions.
 
 	</dl>
 
@@ -1225,17 +1228,19 @@ CSS⇋Object Negotiation {#object-negotiation}
 	1. When an [=object=] is specified in a document,
 		such as through a ''url()'' value in a 'background-image' property
 		or a <{img/src}> attribute on an <{img}> element,
-		CSS queries the object for its <a>intrinsic dimensions</a>.
+		CSS queries the object for its [=natural dimensions=].
 
-	2. Using the <a>intrinsic dimensions</a>,
+	2. Using the [=natural dimensions=],
 		the <a>specified size</a>,
 		and the <a>default object size</a> for the context the [=object=] is used in,
 		CSS then computes a <a>concrete object size</a>.
 		(See the <a section href="#default-sizing">following section</a>.)
 		This defines the size and position of the region the [=object=] will render in.
 
 	3. CSS asks the [=object=] to render itself at the <a>concrete object size</a>.
-		CSS does not define how [=objects=] render when the <a>concrete object size</a> is different from the [=object’s=] <a>intrinsic dimensions</a>.
+		CSS does not define how [=objects=] render
+		when the [=concrete object size=] is different
+		from the [=object’s=] [=natural dimensions=].
 		The [=object=] may adjust itself to match the <a>concrete object size</a> in some way,
 		or even render itself larger or smaller than the <a>concrete object size</a> to satisfy sizing constraints of its own.
 
@@ -1254,7 +1259,7 @@ Concrete Object Size Resolution {#concrete-size-resolution}
 ### Default Sizing Algorithm ### {#default-sizing}
 
 	The <dfn export>default sizing algorithm</dfn> is a set of rules commonly used to find an [=object’s=] <a>concrete object size</a>.
-	It resolves the simultaneous constraints presented by the [=object’s=] <a>intrinsic dimensions</a>
+	It resolves the simultaneous constraints presented by the [=object’s=] [=natural dimensions=]
 	and either an unconstrained <a>specified size</a>
 	or one consisting of only a definite width and/or height.
 
@@ -1275,38 +1280,42 @@ Concrete Object Size Resolution {#concrete-size-resolution}
 		then the <a>concrete object size</a> is given that specified width or height.
 		The other dimension is calculated as follows:
 
-		1. If the [=object=] has an <a>intrinsic aspect ratio</a>,
+		1. If the [=object=] has a [=natural aspect ratio=],
 			the missing dimension of the <a>concrete object size</a>
-			is calculated using the <a>intrinsic aspect ratio</a> and the present dimension.
+			is calculated using that aspect ratio and the present dimension.
 
-		2. Otherwise, if the missing dimension is present in the object's <a>intrinsic dimensions</a>,
-			the missing dimension is taken from the [=object’s=] <a>intrinsic dimensions</a>.
+		2. Otherwise, if the missing dimension is present in the object's [=natural dimensions=],
+			the missing dimension is taken from the [=object’s=] [=natural dimensions=].
 
 		3. Otherwise, the missing dimension of the <a>concrete object size</a> is taken from the <a>default object size</a>.
 
 	* If the <a>specified size</a> has no constraints:
 
-		1. If the [=object=] has an intrinsic height or width,
-			its size is resolved as if its <a>intrinsic dimensions</a> were given as the <a>specified size</a>.
+		1. If the [=object=] has a [=natural dimensions|natural=] height or width,
+			its size is resolved as if its [=natural dimensions=] were given as the <a>specified size</a>.
 
 		2. Otherwise, its size is resolved as a <a>contain constraint</a> against the <a>default object size</a>.
 
 ### Cover and Contain Constraint Sizing ### {#cover-contain}
 
 	Two other common specified sizes are the <a>contain constraint</a> and the <a>cover constraint</a>,
 	both of which are resolved against a specified <dfn export>constraint rectangle</dfn>
-	using the [=object’s=] <a>intrinsic aspect ratio</a>:
+	using the [=object’s=] [=preferred aspect ratio=]:
 
 	* A <dfn export>contain constraint</dfn> is resolved
-		by setting the <a>concrete object size</a> to the largest rectangle that has the [=object’s=] <a>intrinsic aspect ratio</a>
-		and additionally has neither width nor height larger than the constraint rectangle's width and height, respectively.
+		by setting the [=concrete object size=] to the largest rectangle
+		that has the [=object’s=] [=natural aspect ratio=]
+		and additionally has neither width nor height larger than
+		the constraint rectangle's width and height, respectively.
 
 	* A <dfn export>cover constraint</dfn> is resolved
-		by setting the <a>concrete object size</a> to the smallest rectangle that has the [=object’s=] <a>intrinsic aspect ratio</a>
-		and additionally has neither width nor height smaller than the constraint rectangle's width and height, respectively.
+		by setting the [=concrete object size=] to the smallest rectangle
+		that has the [=object’s=] [=natural aspect ratio=]
+		and additionally has neither width nor height smaller than
+		the constraint rectangle's width and height, respectively.
 
 	In both cases,
-	if the object doesn't have an [=intrinsic aspect ratio=],
+	if the object doesn't have a [=natural aspect ratio=],
 	the <a>concrete object size</a> is the specified constraint rectangle.
 
 Examples of CSS Object Sizing {#object-sizing-examples}
@@ -1419,14 +1428,14 @@ Sizing Objects: the 'object-fit' property {#the-object-fit}
 
 		<dt><dfn>contain</dfn>
 		<dd>
-			The replaced content is sized to maintain its [=intrinsic aspect ratio=]
+			The replaced content is sized to maintain its [=natural aspect ratio=]
 			while fitting within the element's content box:
 			its <a>concrete object size</a> is resolved as a <a>contain constraint</a>
 			against the element's used width and height.
 
 		<dt><dfn>cover</dfn>
 		<dd>
-			The replaced content is sized to maintain its [=intrinsic aspect ratio=]
+			The replaced content is sized to maintain its [=natural aspect ratio=]
 			while filling the element's entire content box:
 			its <a>concrete object size</a> is resolved as a <a>cover constraint</a>
 			against the element's used width and height.
@@ -1443,7 +1452,7 @@ Sizing Objects: the 'object-fit' property {#the-object-fit}
 			Size the content as if ''object-fit/none'' or ''object-fit/contain'' were specified,
 			whichever would result in a smaller <a>concrete object size</a>.
 
-			Note: Both ''object-fit/none'' and ''object-fit/contain'' respect the content's [=intrinsic aspect ratio=],
+			Note: Both ''object-fit/none'' and ''object-fit/contain'' respect the content's [=natural aspect ratio=],
 			so the concept of "smaller" is well-defined.
 	</dl>
 
@@ -1622,7 +1631,7 @@ Image Processing {#image-processing}
 	exactly as if the image were originally encoded in its rotated form.
 	This implies, for example:
 
-	* The intrinsic height and width are derived
+	* The [=natural dimensions|natural=] height and width are derived
 		from the rotated rather than the original image dimensions.
 	* The height (width) property applies to
 		the vertical (horizontal) dimension of the image,
@@ -1840,7 +1849,7 @@ Privacy and Security Considerations</h2>
 
 This specification allows rendering of cross-origin images by default,
 which exposes some information of those images programmatically--
-specifically, the intrinsic sizes and resolution of those images.
+specifically, the [=natural dimensions=] and resolution of those images.
 
 <h2 class="no-num" id="acknowledgments">
 Acknowledgments</h2>