[css-cascade] Update references to new shortname style.

Author: fantasai

css-cascade-3/Overview.bs

@@ -37,15 +37,15 @@ Introduction</h2>
 	and outputs a <a>specified value</a> for each property on each element.
 
 	The rules for finding the specified value for all properties on all elements in the document are described in this specification.
-	The rules for finding the specified values in the page context and its margin boxes are described in [[CSS3PAGE]].
+	The rules for finding the specified values in the page context and its margin boxes are described in [[css-page-3]].
 
 <h3 id="placement">
 Module Interactions</h3>
 
 	<em>This section is normative.</em>
 
 	This module replaces and extends
-	the rules for assigning property values, cascading, and inheritance defined in [[!CSS21]] chapter 6.
+	the rules for assigning property values, cascading, and inheritance defined in [[!CSS2]] chapter 6.
 
 	Other CSS modules may expand the definitions of some of the syntax and features defined here.
 	For example, the Media Queries Level 4 specification,
@@ -144,7 +144,7 @@ Importing Style Sheets: the ''@import'' rule</h2>
 
 	The <a>origin</a> of an imported style sheet is the <a>origin</a> of the style sheet that imported it.
 
-	The <a>environment encoding</a> of an imported style sheet is the encoding of the style sheet that imported it. [[CSS3SYN]]
+	The <a>environment encoding</a> of an imported style sheet is the encoding of the style sheet that imported it. [[css-syntax-3]]
 
 <h3 id='content-type'>
 Content-Type of CSS Style Sheets</h3>
@@ -230,9 +230,9 @@ Shorthand Properties</h2>
 	to any of its other values.
 	For example, the 'border' shorthand resets 'border-image'
 	to its initial value of ''border-image/none'',
-	but has no syntax to set it to anything else. [[CSS3BG]]
+	but has no syntax to set it to anything else. [[css-backgrounds-3]]
 
-	If a <a>shorthand</a> is specified as one of the <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS-wide keywords</a> [[!CSS3VAL]],
+	If a <a>shorthand</a> is specified as one of the <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS-wide keywords</a> [[!css-values-3]],
 	it sets all of its <a>sub-properties</a> to that keyword,
 	including any that are <a>reset-only sub-properties</a>.
 	(Note that these keywords cannot be combined with other values in a single declaration, not even in a shorthand.)
@@ -260,7 +260,7 @@ Resetting All Properties: the 'all' property</h3>
 	and <a href="https://www.w3.org/TR/css3-writing-modes/#text-direction">should not be set in the author's style sheet</a>.
 	(They exist as CSS properties only to style document languages not supported by the UA.)
 	Authors should use the appropriate markup, such as HTML's <code>dir</code> attribute, instead.
-	[[CSS3-WRITING-MODES]]
+	[[css-writing-modes-3]]
 
 	<div class='example'>
 		For example, if an author specifies ''all: initial'' on an element
@@ -423,11 +423,11 @@ Used Values</h3>
 	<p class='example'>
 		For example, a declaration of ''width: auto'' can't be resolved into a length without knowing the layout of the element's ancestors,
 		so the <a>computed value</a> is ''auto'',
-		while the <a>used value</a> is an absolute length, such as ''100px''. [[CSS21]]
+		while the <a>used value</a> is an absolute length, such as ''100px''. [[CSS2]]
 
 	<p class='example'>
 		As another example, a <code>&lt;div></code> might have a computed 'break-before' value of ''auto'',
-		but acquire a used 'break-before' value of ''break-before/page'' by propagation from its first child. [[CSS3-BREAK]]
+		but acquire a used 'break-before' value of ''break-before/page'' by propagation from its first child. [[css-break-3]]
 
 	<p class='example'>
 		Lastly, if a property does not apply to an element,
@@ -644,11 +644,11 @@ Cascading</h2>
 			The precedence of the various <a>origins</a> is, in descending order:
 
 			<ol>
-				<li>Transition declarations [[!CSS3-TRANSITIONS]]
+				<li>Transition declarations [[!css-transitions-1]]
 				<li>Important user agent declarations
 				<li>Important user declarations
 				<li>Important author declarations
-				<li>Animation declarations [[!CSS3-ANIMATIONS]]
+				<li>Animation declarations [[!css-animations-1]]
 				<li>Normal author declarations
 				<li>Normal user declarations
 				<li>Normal user agent declarations
@@ -725,11 +725,11 @@ Cascading Origins</h3>
 	<dl>
 		<dt><dfn export id='cascade-origin-animation'>Animation Origin</dfn>
 		<dd>
-			CSS Animations [[CSS3-ANIMATIONS]] generate “virtual” rules representing their effects when running.
+			CSS Animations [[css-animations-1]] generate “virtual” rules representing their effects when running.
 
 		<dt><dfn export id='cascade-origin-transition'>Transition Origin</dfn>
 		<dd>
-			Like CSS Animations, CSS Transitions [[CSS3-TRANSITIONS]] generate “virtual” rules representing their effects when running.
+			Like CSS Animations, CSS Transitions [[css-transitions-1]] generate “virtual” rules representing their effects when running.
 	</dl>
 
 <h3 id='importance'>
@@ -742,7 +742,7 @@ Important Declarations: the ''!important'' annotation</h3>
 	which increases its weight in the cascade and inverts the order of precedence.
 
 	A declaration is <a>important</a> if it has a <dfn export id='bang-important'>!important</dfn> annotation,
-	as defined by [[CSS3SYN]].
+	as defined by [[css-syntax-3]].
 	i.e. if the last two (non-whitespace, non-comment) tokens
 	in its value are the delimiter token ''!'' followed by the identifier token ''important''.
 
@@ -760,7 +760,7 @@ Important Declarations: the ''!important'' annotation</h3>
 	Important declarations from all origins take precedence over animations.
 	This allows authors to override animated values in important cases.
 	(Animated values normally override all other rules.)
-	[[CSS3-ANIMATIONS]]
+	[[css-animations-1]]
 
 	User agent style sheets may also contain ''!important'' declarations.
 	These override all author and user declarations.
@@ -875,15 +875,15 @@ Inheritance</h3>
 
 	A property can also be explicitly inherited. See the ''inherit'' keyword.
 
-	Note: Inheritance follows the document tree and is not intercepted by <a href="https://www.w3.org/TR/CSS21/visuren.html#box-gen">anonymous boxes</a>,
+	Note: Inheritance follows the document tree and is not intercepted by <a href="https://www.w3.org/TR/CSS2/visuren.html#box-gen">anonymous boxes</a>,
 	or otherwise affected by manipulations of the box tree.
 
 <h3 id="defaulting-keywords">
 Explicit Defaulting</h3>
 
 	Several CSS-wide property values are defined below;
 	declaring a property to have these values explicitly specifies a particular defaulting behavior.
-	As specified in <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS Values and Units Level 3</a> [[!CSS3VAL]],
+	As specified in <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS Values and Units Level 3</a> [[!css-values-3]],
 	all CSS properties can accept these values.
 
 <h4 id="initial">
@@ -981,12 +981,12 @@ Changes Since the 3 October 2013 Candidate Recommendation</h3>
 	<ul>
 		<li>Defined <a>environment encoding</a> of imported style sheets.
 			<blockquote>
-				<ins><p>The <a>environment encoding</a> of an imported style sheet is the encoding of the style sheet that imported it. [[CSS3SYN]]</p></ins>
+				<ins><p>The <a>environment encoding</a> of an imported style sheet is the encoding of the style sheet that imported it. [[css-syntax-3]]</p></ins>
 			</blockquote>
-		<li>Referenced [[!CSS3SYN]] for syntax of ''!important'' rules.
+		<li>Referenced [[!css-syntax-3]] for syntax of ''!important'' rules.
 			<blockquote>
 				<p>A declaration is <a>important</a> if it has a ''!important'' annotation,
-				<ins>as defined by [[CSS3SYN]]</ins>.
+				<ins>as defined by [[css-syntax-3]]</ins>.
 			</blockquote>
 		<li>Explained <a>reset-only sub-properties</a>
 		    and clarified that they also get affected by a CSS-wide keyword value in the shorthand declaration.
@@ -997,9 +997,9 @@ Changes Since the 3 October 2013 Candidate Recommendation</h3>
 				to any of its other values.
 				For example, the 'border' shorthand resets 'border-image'
 				to its initial value of ''border-image/none'',
-				but has no syntax to set it to anything else. [[CSS3BG]]</ins></p>
+				but has no syntax to set it to anything else. [[css-backgrounds-3]]</ins></p>
 
-				<p>If a <a>shorthand</a> is specified as one of the <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS-wide keywords</a> [[!CSS3VAL]],
+				<p>If a <a>shorthand</a> is specified as one of the <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS-wide keywords</a> [[!css-values-3]],
 				it sets all of its <a>sub-properties</a> to that keyword,
 				<ins>including any that are <a>reset-only sub-properties</a></ins>.
 				(Note that these keywords cannot be combined with other values in a single declaration, not even in a shorthand.)</p>

css-cascade-4/Overview.bs

@@ -39,15 +39,15 @@ Introduction</h2>
 	and outputs a <a>specified value</a> for each property on each element.
 
 	The rules for finding the specified value for all properties on all elements in the document are described in this specification.
-	The rules for finding the specified values in the page context and its margin boxes are described in [[CSS3PAGE]].
+	The rules for finding the specified values in the page context and its margin boxes are described in [[css-page-3]].
 
 <h3 id="placement">
 Module Interactions</h3>
 
 	<em>This section is normative.</em>
 
 	This module replaces and extends
-	the rules for assigning property values, cascading, and inheritance defined in [[!CSS21]] chapter 6.
+	the rules for assigning property values, cascading, and inheritance defined in [[!CSS2]] chapter 6.
 
 	Other CSS modules may expand the definitions of some of the syntax and features defined here.
 	For example, the Media Queries Level 4 specification,
@@ -198,7 +198,7 @@ Processing Stylesheet Imports</h3>
 
 	The <a>origin</a> of an imported style sheet is the <a>origin</a> of the style sheet that imported it.
 
-	The <a>environment encoding</a> of an imported style sheet is the encoding of the style sheet that imported it. [[CSS3SYN]]
+	The <a>environment encoding</a> of an imported style sheet is the encoding of the style sheet that imported it. [[css-syntax-3]]
 
 <h3 id='content-type'>
 Content-Type of CSS Style Sheets</h3>
@@ -274,9 +274,9 @@ Shorthand Properties</h2>
 	to any of its other values.
 	For example, the 'border' shorthand resets 'border-image'
 	to its initial value of ''border-image/none'',
-	but has no syntax to set it to anything else. [[CSS3BG]]
+	but has no syntax to set it to anything else. [[css-backgrounds-3]]
 
-	If a <a>shorthand</a> is specified as one of the <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS-wide keywords</a> [[!CSS3VAL]],
+	If a <a>shorthand</a> is specified as one of the <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS-wide keywords</a> [[!css-values-3]],
 	it sets all of its <a>sub-properties</a> to that keyword,
 	including any that are <a>reset-only sub-properties</a>.
 	(Note that these keywords cannot be combined with other values in a single declaration, not even in a shorthand.)
@@ -360,7 +360,7 @@ Resetting All Properties: the 'all' property</h3>
 	and <a href="https://www.w3.org/TR/css3-writing-modes/#text-direction">should not be set in the author's style sheet</a>.
 	(They exist as CSS properties only to style document languages not supported by the UA.)
 	Authors should use the appropriate markup, such as HTML's <code>dir</code> attribute, instead.
-	[[CSS3-WRITING-MODES]]
+	[[css-writing-modes-3]]
 
 	<div class='example'>
 		For example, if an author specifies ''all: initial'' on an element
@@ -512,11 +512,11 @@ Used Values</h3>
 	<p class='example'>
 		For example, a declaration of ''width: auto'' can't be resolved into a length without knowing the layout of the element's ancestors,
 		so the <a>computed value</a> is ''auto'',
-		while the <a>used value</a> is an absolute length, such as ''100px''. [[CSS21]]
+		while the <a>used value</a> is an absolute length, such as ''100px''. [[CSS2]]
 
 	<p class='example'>
 		As another example, a <code>&lt;div></code> might have a computed 'break-before' value of ''auto'',
-		but acquire a used 'break-before' value of ''break-before/page'' by propagation from its first child. [[CSS3-BREAK]]
+		but acquire a used 'break-before' value of ''break-before/page'' by propagation from its first child. [[css-break-3]]
 
 	<p class='example'>
 		Lastly, if a property does not apply to an element,
@@ -714,11 +714,11 @@ Cascading</h2>
 			The precedence of the various <a>origins</a> is, in descending order:
 
 			<ol>
-				<li>Transition declarations [[!CSS3-TRANSITIONS]]
+				<li>Transition declarations [[!css-transitions-1]]
 				<li>Important user agent declarations
 				<li>Important user declarations
 				<li>Important author declarations
-				<li>Animation declarations [[!CSS3-ANIMATIONS]]
+				<li>Animation declarations [[!css-animations-1]]
 				<li>Normal author declarations
 				<li>Normal user declarations
 				<li>Normal user agent declarations
@@ -751,7 +751,7 @@ Cascading</h2>
 
 			Note: This odd handling of ''!important'' style attribute declarations
 			is to match the behavior defined in CSS Levels 1 and 2,
-			where style attributes simply have higher specificity than any other author rules. [[CSS21]]
+			where style attributes simply have higher specificity than any other author rules. [[CSS2]]
 
 		<dt id='cascade-specificity'>Specificity
 		<dd>
@@ -822,11 +822,11 @@ Cascading Origins</h3>
 	<dl>
 		<dt><dfn export id='cascade-origin-animation'>Animation Origin</dfn>
 		<dd>
-			CSS Animations [[CSS3-ANIMATIONS]] generate “virtual” rules representing their effects when running.
+			CSS Animations [[css-animations-1]] generate “virtual” rules representing their effects when running.
 
 		<dt><dfn export id='cascade-origin-transition'>Transition Origin</dfn>
 		<dd>
-			Like CSS Animations, CSS Transitions [[CSS3-TRANSITIONS]] generate “virtual” rules representing their effects when running.
+			Like CSS Animations, CSS Transitions [[css-transitions-1]] generate “virtual” rules representing their effects when running.
 	</dl>
 
 <h3 id='importance'>
@@ -839,7 +839,7 @@ Important Declarations: the ''!important'' annotation</h3>
 	which increases its weight in the cascade and inverts the order of precedence.
 
 	A declaration is <a>important</a> if it has a <dfn export id='bang-important'>!important</dfn> annotation,
-	as defined by [[CSS3SYN]].
+	as defined by [[css-syntax-3]].
 	i.e. if the last two (non-whitespace, non-comment) tokens
 	in its value are the delimiter token ''!'' followed by the identifier token ''important''.
 
@@ -857,7 +857,7 @@ Important Declarations: the ''!important'' annotation</h3>
 	Important declarations from all origins take precedence over animations.
 	This allows authors to override animated values in important cases.
 	(Animated values normally override all other rules.)
-	[[CSS3-ANIMATIONS]]
+	[[css-animations-1]]
 
 	User agent style sheets may also contain ''!important'' declarations.
 	These override all author and user declarations.
@@ -962,15 +962,15 @@ Inheritance</h3>
 
 	A property can also be explicitly inherited. See the ''inherit'' keyword.
 
-	Note: Inheritance follows the document tree and is not intercepted by <a href="https://www.w3.org/TR/CSS21/visuren.html#box-gen">anonymous boxes</a>,
+	Note: Inheritance follows the document tree and is not intercepted by <a href="https://www.w3.org/TR/CSS2/visuren.html#box-gen">anonymous boxes</a>,
 	or otherwise affected by manipulations of the box tree.
 
 <h3 id="defaulting-keywords">
 Explicit Defaulting</h3>
 
 	Several CSS-wide property values are defined below;
 	declaring a property to have these values explicitly specifies a particular defaulting behavior.
-	As specified in <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS Values and Units Level 3</a> [[!CSS3VAL]],
+	As specified in <a href="https://www.w3.org/TR/css3-values/#common-keywords">CSS Values and Units Level 3</a> [[!css-values-3]],
 	all CSS properties can accept these values.
 
 <h4 id="initial">