[css-images] bikeshed fixes

Author: tabatkins

css-images/Overview.bs

@@ -11,7 +11,7 @@ Editor: Tab Atkins Jr., Google, http://xanthir.com/contact/
 Editor: Elika J. Etemad / fantasai, Invited Expert, http://fantasai.inkedblade.net/contact, w3cid 35400
 Abstract: This module contains the features of CSS level 3 relating to the <<image>> type and replaced elements. It includes and extends the functionality of CSS level 2 [[CSS21]]. The main extensions compared to CSS2.1 are the generalization of the <<url>> type to the <<image>> type, several additions to the <<image>> type, a generic sizing algorithm for images and other replaced content in CSS, definitions for interpolating several <<image>> types, and several properties controlling the interaction of replaced elements and CSS's layout models.
 At Risk: 'image-orientation'
-At Risk: <a section href="#interpolating-gradients">Interpolating <<gradient>></a>
+At Risk: [[#interpolating-gradients]]
 Issue Tracking: Tracker http://www.w3.org/Style/CSS/Tracker/products/27
 Previous Version: https://www.w3.org/TR/2012/CR-css3-images-20120417/
 Previous Version: https://www.w3.org/TR/2012/WD-css3-images-20120112/
@@ -51,10 +51,7 @@ Introduction {#intro}
 Image Values: the <<image>> type {#image-values}
 ================================================
 
-	The <<image>> value type denotes a 2D image. It can be a
-	<a section href="#url-notation">url reference</a>,
-	<a section href="#image-notation">image notation</a>,
-	or <a section href="#gradients">gradient notation</a>.
+	The <<image>> value type denotes a 2D image.
 	Its syntax is:
 
 	<pre class="prod"><dfn>&lt;image></dfn> = <<url>> | <<image-set()>> | <<cross-fade()>> | <<gradient>></pre>
@@ -157,7 +154,7 @@ Resolution Negotiation: the ''image-set()'' notation {#image-set-notation}
 		connection speed,
 		etc).
 	The ''image-set()'' then represents the image associated with the URL of that choice.
-	The image's <a>intrinsic resolution</a> is the resolution associated with that choice.
+	The image's <a spec=css-images-4>intrinsic resolution</a> is the resolution associated with that choice.
 	UAs <strong>may</strong> change which <<image-set-option>> they wish to use for a given ''image-set()''
 	over the lifetime of the page,
 	if the criteria used to determine which option to choose change significantly enough to make it worthwhile in the UA's estimation.
@@ -1240,7 +1237,7 @@ Examples of CSS Object Sizing {#object-sizing-examples}
 				In CSS3, 'background-size' property can give a sizing constraint,
 				invoking either the <a>default sizing algorithm</a>
 				or one of the <a lt="contain constraint">contain</a> or <a lt="cover constraint">cover</a> constraints.
-				The concrete object size is further adjusted in later steps if 'background-repeat' has a ''round'' value. [[CSS3BG]]
+				The concrete object size is further adjusted in later steps if 'background-repeat' has a ''background-repeat/round'' value. [[CSS3BG]]
 
 			<dt>'list-style-image'
 			<dd>
@@ -1352,10 +1349,10 @@ Sizing Objects: the 'object-fit' property {#the-object-fit}
 
 		<dt><dfn>scale-down</dfn>
 		<dd>
-			Size the content as if ''none'' or ''contain'' were specified,
+			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 ''none'' and ''contain'' respect the content's intrinsic aspect ratio,
+			Note: Both ''object-fit/none'' and ''object-fit/contain'' respect the content's intrinsic aspect ratio,
 			so the concept of "smaller" is well-defined.
 	</dl>
 
@@ -1373,7 +1370,7 @@ Sizing Objects: the 'object-fit' property {#the-object-fit}
 			to be scaled to fit its height/width box (shown with a green background),
 			using the initial value for 'object-position'.
 			The fifth value, ''scale-down'',
-			in this case looks identical to ''contain''.
+			in this case looks identical to ''object-fit/contain''.
 		</figcaption>
 	</figure>
 
@@ -1456,7 +1453,7 @@ Orienting an Image on the Page: the 'image-orientation' property {#the-image-ori
 
 	Note: This property is not intended to specify layout transformations
 	such as arbitrary rotation or flipping the image in the horizontal or vertical direction.
-	(See [[CSS3-2D-TRANSFORMS]] for a feature designed to do that.)
+	(See [[CSS-TRANSFORMS-1]] for a feature designed to do that.)
 	It is also not needed to correctly orient an image when printing in landscape versus portrait orientation,
 	as that rotation is done as part of layout. (See [[CSS3PAGE]].)
 	It should only be used to correct incorrectly-oriented images.
@@ -1829,13 +1826,15 @@ Serialization {#serialization}
 		<pre>linear-gradient(red, yellow, black 100px)</pre>
 	</div>
 
-<h2 class="no-num" id="privsec">Privacy and Security Considerations</h2>
+<h2 class="no-num" id="privsec">
+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.
 
-<h2 class="no-num" id="acknowledgments">Acknowledgments</h2>
+<h2 class="no-num" id="acknowledgments">
+Acknowledgments</h2>
 
 Thanks to the Webkit team, Brad Kemper, Brian Manthos, and Alan Gresley
    for their contributions to the definition of gradients; to Melinda Grant
@@ -1845,60 +1844,55 @@ Thanks to the Webkit team, Brad Kemper, Brian Manthos, and Alan Gresley
    Kang-Hao Lu, Leif Arne Storset, Erik Dahlstrom, and Øyvind Stenhaug for
    their careful review, comments, and corrections.
 
-<h2 class="no-num" id="changes">Changes</h2>
+<h2 class="no-num" id="changes">
+Changes</h2>
 
-	<h3 class="no-num">Changes Since the <a href="https://www.w3.org/TR/2012/CR-css3-images-20120417/">17 April 2012 Candidate Recommendation</a></h3>
+<h3 class="no-num" id="changes-20120407">
+Changes Since the <a href="https://www.w3.org/TR/2012/CR-css3-images-20120417/">17 April 2012 Candidate Recommendation</a></h3>
 
 	Major changes include:
 
-	- The ''image()'' notation has been deferred to Level 4.
-	- The 'image-resolution' property has been deferred to Level 4
+	- The <css>image()</css> notation has been deferred to Level 4.
+	- The <css>image-resolution</css> property has been deferred to Level 4
 	- The 'image-orientation' property has been marked as At-Risk.
 	- Added the 'image-rendering' property
 	- Added the ''cross-fade()'' notation
 	- Added the ''image-set()'' notation
 	- Defined <a href="#interpolation">Interpolation</a>
 	- Defined <a href="#serialization">Serialization</a>
 
-   <h3 class=no-num id=changes-last-call>Changes Since Last Call</h3>
+<h3 class=no-num id=changes-last-call>
+Changes Since Last Call</h3>
 
 	Major changes include:
 
 
-    - The ''element()'' feature has been
-       deferred to Level 4.
-    - The directional images feature (''ltr''/''rtl''
-       annotations in ''image()'') has been
-       deferred to Level 4 to address some design-level feedback.
-    - Images referenced with unsupported URL fragment syntax are now
-       considered invalid (and trigger fallback) within ''image()''.
-    - The 'object-fit' property no longer resizes
-       the element's content box in any cases.
-    - The 'image-orientation' property is now
-       inherited.
+	- The <css>element()</css> feature has been deferred to Level 4.
+	- The directional images feature
+		(''ltr''/''rtl''annotations in ''image()'')
+		has been deferred to Level 4 to address some design-level feedback.
+	- Images referenced with unsupported URL fragment syntax
+		are now considered invalid (and trigger fallback) within ''image()''.
+	- The 'object-fit' property no longer resizes the element's content box in any cases.
+	- The 'image-orientation' property is now inherited.
 
 
-     Significant details updated:
+	Significant details updated:
 
 
-	- There is now a definition for <a href="#invalid-image"><i>invalid
-       images</i></a>, which trigger fallback in the ''image()'' notation.
-    - Clarified that media fragments are only required to be supported
-       within ''image()'' in order to satisfy
-       the prerequisite for supporting ''image()''.
-    - Defined how to determine the closeness of two aspect ratios (used in
-       the definition of <a href="#intrinsic-dimensions"><i>intrinsic
-       dimensions</i></a>).
-    - Corrected error in which 'image-orientation' was applied after CSS
-       transforms.
-     - The 'object-fit' and 'object-position' properties may no longer
-       be aliased to 'image-fit' and 'image-position'. A future
-       edition of the <a href="http://www.w3.org/TR/css-print/">CSS Print
-       Profile</a> may allow this for printer implementations, however.
+	- There is now a definition for <a>invalid images</a>,
+		which trigger fallback in the ''image()'' notation.
+	- Clarified that media fragments are only required to be supported within ''image()''
+		in order to satisfy the prerequisite for supporting ''image()''.
+	- Defined how to determine the closeness of two aspect ratios
+		(used in the definition of <a href="#intrinsic-dimensions"><i>intrinsic dimensions</i></a>).
+	- Corrected error in which 'image-orientation' was applied after CSS transforms.
+	- The 'object-fit' and 'object-position' properties
+		can no longer be aliased to <css>image-fit</css> and <css>image-position</css>.
+		A future edition of the <a href="http://www.w3.org/TR/css-print/">CSS Print Profile</a>
+		may allow this for printer implementations, however.
 
+	There were also many clarifications
+	and several sections were rearranged to make them easier to read.
 
-     There were also many clarifications and several sections were rearranged
-      to make them easier to read.
-
-     The <a href="http://dev.w3.org/csswg/css3-images/issues-lc-2012">Disposition of
-      Last Call Comments</a> is available.
+	The <a href="http://dev.w3.org/csswg/css3-images/issues-lc-2012">Disposition of Last Call Comments</a> is available.