[css-animations] CSS-wide keywords and animation-name keywords are invalid names for @Keyframes rules (Bug 25344)

Author: Sylvain Galineau

css-animations/Overview.bs

@@ -401,9 +401,10 @@ The 'animation-name' property</h3>
 		<dt><dfn><<custom-ident>></dfn>
 		<dd>
 			The animation will use the keyframes with the name specified by the <<custom-ident>>,
-			if they exist.
-			If no such keyframes exist,
-			there is no animation.
+			if they exist.If no such keyframes exist, there is no animation.
+
+			The <a href="http://www.w3.org/TR/css3-values/#common-keywords">CSS-wide keywords</a> 
+			and keywords defined by this property are not valid animation names.
 	</dl>
 
 <h3 id="animation-duration">
@@ -946,6 +947,11 @@ Attributes</h4>
 		<dt><dfn>name</dfn>, of type <a interface>DOMString</a>
 		<dd>
 			This attribute is the name of the keyframes, used by the 'animation-name' property.
+			
+			Setting this property to a value matching a 
+			<a href="http://www.w3.org/TR/css3-values/#common-keywords">CSS-wide keyword</a>
+			or any keyword defined for the 'animation-name' property will throw a <a spec="webidl">SyntaxError</a>
+			exception.
 
 		<dt><dfn>cssRules</dfn>, of type <a interface>CSSRuleList</a>
 		<dd>

css-animations/Overview.html

@@ -520,9 +520,10 @@ <h3 class="heading settled heading" data-level=4.2 id=animation-name><span class
 		<dt><dfn class=css-code data-dfn-for=animation-name data-dfn-type=value data-export="" id=valuedef-custom-ident><a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a><a class=self-link href=#valuedef-custom-ident></a></dfn>
 		<dd>
 			The animation will use the keyframes with the name specified by the <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a>,
-			if they exist.
-			If no such keyframes exist,
-			there is no animation.
+			if they exist.If no such keyframes exist, there is no animation.
+
+<p>			The <a href=http://www.w3.org/TR/css3-values/#common-keywords>CSS-wide keywords</a> 
+			and keywords defined by this property are not valid animation names.
 	</dl>
 
 <h3 class="heading settled heading" data-level=4.3 id=animation-duration><span class=secno>4.3 </span><span class=content>
@@ -961,6 +962,11 @@ <h4 class="heading settled heading" data-level=6.3.2 id=interface-csskeyframesru
 		<dt><dfn class=idl-code data-dfn-for=csskeyframesrule data-dfn-type=attribute data-export="" id=dom-csskeyframesrule-name>name<a class=self-link href=#dom-csskeyframesrule-name></a></dfn>, of type <a class=idl-code data-link-type=interface title=domstring>DOMString</a>
 		<dd>
 			This attribute is the name of the keyframes, used by the <a class=property data-link-type=propdesc href=#propdef-animation-name title=animation-name>animation-name</a> property.
+			
+<p>			Setting this property to a value matching a 
+			<a href=http://www.w3.org/TR/css3-values/#common-keywords>CSS-wide keyword</a>
+			or any keyword defined for the <a class=property data-link-type=propdesc href=#propdef-animation-name title=animation-name>animation-name</a> property will throw a <a data-link-spec=webidl data-link-type=dfn href=https://heycam.github.io/webidl/#syntaxerror title=syntaxerror>SyntaxError</a>
+			exception.
 
 		<dt><dfn class=idl-code data-dfn-for=csskeyframesrule data-dfn-type=attribute data-export="" id=dom-csskeyframesrule-cssrules>cssRules<a class=self-link href=#dom-csskeyframesrule-cssrules></a></dfn>, of type <a class=idl-code data-link-type=interface href=http://dev.w3.org/csswg/cssom-1/#cssrulelist title=cssrulelist>CSSRuleList</a>
 		<dd>