[various][editorial] Switch relevant uses of 'intrinsic width/height/aspect ratio/size' to 'natural', per #4961.

Author: tabatkins

css-backgrounds-3/Overview.bs

@@ -929,13 +929,13 @@ layer.
 
 
   contain
-  Scale the image, while preserving its intrinsic aspect ratio
+  Scale the image, while preserving its [=natural aspect ratio=]
     (if any), to the largest size such that both its width and its
     height can fit inside the background
     positioning area.
 
   cover
-  Scale the image, while preserving its intrinsic aspect ratio
+  Scale the image, while preserving its [=natural aspect ratio=]
     (if any), to the smallest size such that both its width and its
     height can completely cover the background positioning area.
 
@@ -949,14 +949,14 @@ layer.
     A percentage is relative to the background positioning area.
 
     An ''background-size/auto'' value for one dimension is resolved by using the
-    image's intrinsic ratio and the size of the other dimension, or
-    failing that, using the image's intrinsic size, or failing that,
+    image's [=natural aspect ratio=] and the size of the other dimension, or
+    failing that, using the image's [=natural size=], or failing that,
     treating it as 100%.
 
-    If both values are ''background-size/auto'' then the intrinsic width and/or
-    height of the image should be used, if any, the missing dimension
+    If both values are ''background-size/auto'' then the [=natural width=] and/or
+    [=natural height|height=] of the image should be used, if any, the missing dimension
     (if any) behaving as ''background-size/auto'' as described above. If the image has
-    neither an intrinsic width nor an intrinsic height, its size is
+    neither [=natural size=], its size is
     determined as for ''contain''.
 
     Negative values are invalid.
@@ -994,7 +994,7 @@ para {
     background-image: url(tile.png)}
 
 
-This example uses the image's intrinsic size. Note that this is the
+This example uses the image's natural size. Note that this is the
 only possible behavior in CSS level 1 and 2.
 
 
@@ -1038,7 +1038,7 @@ step: that other dimension is scaled so that the original aspect ratio
 is restored.
 
 
-In this example the background image is shown at its intrinsic size:
+In this example the background image is shown at its natural size:
 
 
 div {
@@ -2338,7 +2338,7 @@ as if a nonempty transparent image had been specified for those
 parts. Analogously for the top and bottom values.
 
 If the image must be sized to determine the slices
-(for example, for SVG images with no intrinsic size),
+(for example, for SVG images with no [=natural dimensions=]),
 then it is sized using the default sizing algorithm
 with no specified size and the border image area as the default object size.
 
@@ -2414,9 +2414,9 @@ Values have the following meanings:
 
   auto
   If ''border-image-width/auto'' is specified then the border image width is the
-    intrinsic width or height (whichever is applicable) of the
+    [=natural size|natural=] width or height (whichever is applicable) of the
     corresponding image slice (see 'border-image-slice'). If the image
-    does not have the required intrinsic dimension then the
+    does not have the required [=natural dimension=] then the
     corresponding computed border-width is used
     instead.
 
@@ -3210,9 +3210,9 @@ Candidate Recommendation:
 
   Section 3.9:
     Defined what happens if 'background-size' has two ''background-size/auto'' values
-    and the image is missing an intrinsic dimension.
+    and the image is missing a natural size.
     
-    If both values are ''background-size/auto'' then the intrinsic width and/or
+    If both values are ''background-size/auto'' then the natural width and/or
     height of the image should be used, if any, the missing
     dimension (if any) behaving as ‘auto’ as described above.
     
@@ -3244,7 +3244,7 @@ Candidate Recommendation:
     Added:
     
     If the image must be sized to determine the slices (for
-    example, for SVG images with no intrinsic size), then it is sized
+    example, for SVG images with no natural size), then it is sized
     as for an auto-sized background, using the border image area as
     the default object size in place of the background positioning
     area.

css-contain-1/Overview.bs

@@ -512,10 +512,10 @@ Size Containment
 					contain-size-grid-001.html
 					
 
-					Replaced elements must be treated as having an intrinsic width and height of 0
-					and no [=intrinsic aspect ratio=].
+					Replaced elements must be treated as having a [=natural dimensions|natural=] width and height of 0
+					and no [=natural aspect ratio=].
 
-					Note: Size containment only suppresses the [=intrinsic aspect ratio=],
+					Note: Size containment only suppresses the [=natural aspect ratio=],
 					so properties like 'aspect-ratio' which affect that [=preferred aspect ratio=] directly
 					are honored.
 
@@ -601,8 +601,8 @@ Size Containment
 
 		If the 'aspect-ratio' property had not been declared,
 		the image would have been 100px by 0px,
-		as its intrinsic aspect ratio is suppressed,
-		and its intrinsic height is treated as 0.
+		as its [=natural aspect ratio=] is suppressed,
+		and its [=natural height=] is treated as 0.
 	
 
 	By itself, size containment does not offer much optimization opportunity.

css-contain-2/Overview.bs

@@ -543,10 +543,10 @@ Size Containment
 				contain-size-grid-001.html
 				
 
-				Replaced elements must be treated as having an intrinsic width and height of 0
-				and no [=intrinsic aspect ratio=].
+				Replaced elements must be treated as having an [=natural dimensions|natural=] width and height of 0
+				and no [=natural aspect ratio=].
 
-				Note: Size containment only suppresses the [=intrinsic aspect ratio=],
+				Note: Size containment only suppresses the [=natural aspect ratio=],
 				so properties like 'aspect-ratio' which affect that [=preferred aspect ratio=] directly
 				are honored.
 
@@ -625,8 +625,8 @@ Size Containment
 
 		If the 'aspect-ratio' property had not been declared,
 		the image would have been 100px by 0px,
-		as its intrinsic aspect ratio is suppressed,
-		and its intrinsic height is treated as 0.
+		as its [=natural aspect ratio=] is suppressed,
+		and its [=natural height=] is treated as 0.
 	
 
 	By itself, size containment does not offer much optimization opportunity.
@@ -1733,7 +1733,7 @@ Changes from 201
 * Define the interaction between [=paint containment=] and 'overflow-clip-margin'
 * Add the 'content-visibility' property
 * Editorial improvements and clarifications to size and paint containment (in sync with the same improvements made to Level 1)
-* Be explicit that size containment suppresses intrinsic aspect ratio (in sync with the same improvements made to Level 1)
+* Be explicit that size containment suppresses natural aspect ratio (in sync with the same improvements made to Level 1)
 * Change terminology: replace "containing box" with "containment box" (in sync with the same improvements made to Level 1)
 
 

css-content-3/Overview.bs

@@ -154,20 +154,13 @@ Inserting and replacing content with the 'content' property
 			as if they were ''display: none''.
 
 			If the <> represents an invalid image,
-			then it must be treated as instead representing an image with zero intrinsic width and height,
+			then it must be treated as instead representing an image with zero [=natural dimensions|natural=] width and height,
 			filled with transparent black.
 
 			Issue: The above invalid image behavior appears to be what Chrome is doing.
 			Is this okay?
 			Is there a better behavior we can/should use?
 
-			Issue: "Zero intrinsic width and height" gives it an undefined aspect ratio,
-			and sizing behavior is thus... undefined.
-			At least, if you give it an explicit width or height,
-			the other dimension remains at zero in Chrome.
-			This might need to be explicitly defined over in the Images spec;
-			needs some investigation around whether browsers act this way for 0x0 SVGs and rasters.
-
 			Note: Replaced elements use different layout rules than normal elements.
 			(In effect, it becomes equivalent to an HTML <{img}> element.)
 

css-display-3/Overview.bs

@@ -1018,20 +1018,20 @@ Appendix A: Glossary
 				For example, the content of the HTML <{img}> element
 				is often replaced by the image that its <{img/src}> attribute designates.
 			
-			Replaced elements often have intrinsic dimensions:
-			an intrinsic width, an intrinsic height, and an intrinsic ratio.
-			For example, a bitmap image has an intrinsic width and an intrinsic height specified in absolute units
-			(from which the intrinsic ratio can obviously be determined).
-			On the other hand, other documents may not have any intrinsic dimensions
+			Replaced elements often have [=natural dimensions=].
+			For example, a bitmap image has a natural width and a natural height specified in absolute units
+			(from which the natural ratio can obviously be determined).
+			On the other hand, other objects may not have any natural dimensions
 			(for example, a blank HTML document).
+			See [[css-images-3]].
 
-			User agents may consider a replaced element to not have any intrinsic dimensions
+			User agents may consider a [=replaced element=] to not have any [=natural dimensions=]
 			if it is believed that those dimensions could leak sensitive information to a third party.
-			For example, if an HTML document changed intrinsic size depending on the user's bank balance,
-			then the UA might want to act as if that resource had no intrinsic dimensions.
+			For example, if an HTML document changed natural size depending on the user's bank balance,
+			then the UA might want to act as if that resource had no [=natural dimensions=].
 
 			The content of replaced elements is not considered in the CSS formatting model;
-			however, their intrinsic dimensions are used in various layout calculations.
+			however, their [=natural dimensions=] are used in various layout calculations.
 
 			A non-replaced element is one that is not replaced,
 			i.e. whose rendering is dictated by the CSS model.

css-grid-1/Overview.bs

@@ -1110,13 +1110,13 @@ Grid Items
 
 	A grid item is sized within the containing block defined by its grid area.
 
-	Grid item calculations for 'auto' widths and heights
+	[=Grid item=] calculations for [=automatic sizes=] in a given dimensions
 	vary by their [[css-align-3#self-alignment|self-alignment values]]:
 
 	: ''align-self/normal''
 	::
-		If the grid item is a [=replaced element=] with an intrinsic size in the relevant dimension
-		(or with an aspect ratio and an intrinsic size in the other dimension)
+		If the grid item is a [=replaced element=] with a [=natural size=] in the relevant dimension
+		(or with a [=preferred aspect ratio=] and a [=natural size=] in the other dimension)
 		the grid item is sized as for ''align-self: start''
 		(consistent with the width calculation rules for block-level replaced elements in [[CSS2/visudet#block-replaced-width]]).
 
@@ -1153,15 +1153,15 @@ Grid Items
 				
 					
 					
-					
+					
 				
 					
 					
 					
 				
 					
 					
-					
+					
 		

css-grid-2/Overview.bs

@@ -1156,13 +1156,13 @@ Grid Items
 
 	A grid item is sized within the containing block defined by its grid area.
 
-	Grid item calculations for 'auto' widths and heights
+	[=Grid item=] calculations for [=automatic sizes=] in a given dimensions
 	vary by their [[css-align-3#self-alignment|self-alignment values]]:
 
 	: ''align-self/normal''
 	::
-		If the grid item is a [=replaced element=] with an intrinsic size in the relevant dimension
-		(or with an aspect ratio and an intrinsic size in the other dimension)
+		If the grid item is a [=replaced element=] with a [=natural size=] in the relevant dimension
+		(or with a [=preferred aspect ratio=] and a [=natural size=] in the other dimension)
 		the grid item is sized as for ''align-self: start''
 		(consistent with the width calculation rules for block-level replaced elements in [[CSS2/visudet#block-replaced-width]]).
 
@@ -1197,15 +1197,15 @@ Grid Items
 				
 					
 					
-					
+					
 				
 					
 					
 					
 				
 					
 					
-					
+					
 		

css-images-3/Overview.bs

@@ -1196,6 +1196,9 @@ Object-Sizing Terminology {#sizing-terms}
 			if multiple sizes tie for the largest area,
 			the widest size is chosen as its [=natural dimensions=].
 
+			The [=natural width=] and [=natural height=]
+			are collectively referred to the natural sizes.
+
 		specified size
 		
 			The specified size of an [=object=] is given by CSS,