[cssom] Expose 'float' and 'font-size' etc IDL attributes on CSSStyleDeclaration. http://www.w3.org/mid/4F3C1122.6020306@mit.edu

Author: Simon Pieters

cssom/Overview.html

@@ -2264,26 +2264,50 @@ <h4 id="the-cssstyledeclaration-interface"><span class="secno">6.5.1 </span>The
 <code title="">float</code> as first argument, as second argument the given value, and no third argument.
 Any exceptions thrown must be re-thrown.
 
-<p>For each CSS property <var title="">property</var> that the user agent supports, except for
-the 'float' property, the following partial interface applies where <var title="">attribute</var>
+<p>For each CSS property <var title="">property</var> that the user agent supports,
+the following partial interface applies where <var title="">camel-cased attribute</var>
 is obtained by running the <a href="#css-property-to-idl-attribute">CSS property to IDL attribute</a> algorithm for
 <var>property</var>.</p>
 
 <pre class="idl">partial interface <a href="#cssstyledeclaration">CSSStyleDeclaration</a> {
-           attribute DOMString _<var title="dom-CSSStyleDeclaration-attribute"><a href="#dom-cssstyledeclaration-attribute">attribute</a></var>;
+           attribute DOMString _<a href="#dom-cssstyledeclaration-camel-cased-attribute" title="dom-CSSStyleDeclaration-camel-cased-attribute"><var title="">camel-cased attribute</var></a>;
 };</pre>
 
-<p>The <dfn id="dom-cssstyledeclaration-attribute" title="dom-CSSStyleDeclaration-attribute"><code><var title="">attribute</var></code></dfn> attribute, on getting, must return the result of invoking
-<code title="dom-CSSStyleDeclaration-getPropertyValue"><a href="#dom-cssstyledeclaration-getpropertyvalue">getPropertyValue()</a></code> with the
+<p>The <dfn id="dom-cssstyledeclaration-camel-cased-attribute" title="dom-CSSStyleDeclaration-camel-cased-attribute"><code><var title="">camel-cased attribute</var></code></dfn> attribute, on getting, must return the
+result of invoking <code title="dom-CSSStyleDeclaration-getPropertyValue"><a href="#dom-cssstyledeclaration-getpropertyvalue">getPropertyValue()</a></code> with the
 argument being the result of running the <a href="#idl-attribute-to-css-property">IDL attribute to CSS property</a>
-algorithm for <var>attribute</var>.</p>
+algorithm for <var title="">camel-cased attribute</var>.</p>
 
-<p>Setting the <code title="dom-CSSStyleDeclaration-attribute"><a href="#dom-cssstyledeclaration-attribute"><var>attribute</var></a></code> attribute must invoke
+<p>Setting the <code title="dom-CSSStyleDeclaration-camel-cased-attribute"><a href="#dom-cssstyledeclaration-camel-cased-attribute"><var title="">camel-cased attribute</var></a></code> attribute must invoke
 <code title="dom-CSSStyleDeclaration-setProperty"><a href="#dom-cssstyledeclaration-setproperty">setProperty()</a></code> with the
 first argument being the result of running the <a href="#idl-attribute-to-css-property">IDL attribute to CSS property</a>
-algorithm for <var>attribute</var>, as second argument the given value, and no third argument. Any
+algorithm for <var title="">camel-cased attribute</var>, as second argument the given value, and no third argument. Any
 exceptions thrown must be re-thrown.</p>
 
+<p class="example">For example, for the 'font-size' property there would be a <code title="">fontSize</code> IDL attribute.
+
+<p>For each CSS property <var title="">property</var> that the user agent supports, except for properties that have no "<code title="">-</code>" (U+002D) in the
+property name, user agents must act as if there was a WebIDL <a class="external" href="http://dev.w3.org/2006/webapi/WebIDL/#dfn-regular-attribute">regular attribute</a> member as part of the
+<code><a href="#cssstyledeclaration">CSSStyleDeclaration</a></code> interface with the type being <code title="">DOMString</code> and the <a class="external" href="http://dev.w3.org/2006/webapi/WebIDL/#dfn-identifier">identifier</a> being
+<var title="">property</var>, and let <var title="">dashed attribute</var> be <var title="">property</var>.
+
+<p>The <dfn id="dom-cssstyledeclaration-dashed-attribute" title="dom-CSSStyleDeclaration-dashed-attribute"><code><var title="">dashed attribute</var></code></dfn> attribute, on getting, must return the
+result of invoking <code title="dom-CSSStyleDeclaration-getPropertyValue"><a href="#dom-cssstyledeclaration-getpropertyvalue">getPropertyValue()</a></code> with the
+argument being <var title="">dashed attribute</var>.</p>
+
+<p>Setting the <code title="dom-CSSStyleDeclaration-dashed-attribute"><a href="#dom-cssstyledeclaration-dashed-attribute"><var title="">dashed attribute</var></a></code> attribute must invoke
+<code title="dom-CSSStyleDeclaration-setProperty"><a href="#dom-cssstyledeclaration-setproperty">setProperty()</a></code> with the
+first argument being <var title="">dashed attribute</var>, as second argument the given value, and no third argument. Any
+exceptions thrown must be re-thrown.</p>
+
+<div class="example">
+ <p>For example, for the 'font-size' property there would be a <code title="">font-size</code> IDL attribute. In JavaScript, the property can be accessed as
+ follows, assuming <var title="">element</var> is an <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/infrastructure.html#html-elements" title="HTML elements">HTML element</a>:
+ <pre><var title="">element</var>.style['font-size'];</pre>
+</div>
+
+<p class="note">WebIDL does not allow dashes in identifiers in its syntax.
+
 <p>The <dfn id="css-property-to-idl-attribute">CSS property to IDL attribute</dfn> algorithm for <var title="">property</var> is as
 follows:</p>
 

cssom/Overview.src.html

@@ -2195,26 +2195,50 @@ <h4>The <code title>CSSStyleDeclaration</code> Interface</h4>
 <code title>float</code> as first argument, as second argument the given value, and no third argument.
 Any exceptions thrown must be re-thrown.
 
-<p>For each CSS property <var title>property</var> that the user agent supports, except for
-the 'float' property, the following partial interface applies where <var title>attribute</var>
+<p>For each CSS property <var title>property</var> that the user agent supports,
+the following partial interface applies where <var title>camel-cased attribute</var>
 is obtained by running the <span>CSS property to IDL attribute</span> algorithm for
 <var>property</var>.</p>
 
 <pre class=idl>partial interface <span>CSSStyleDeclaration</span> {
-           attribute DOMString _<var title=dom-CSSStyleDeclaration-attribute>attribute</var>;
+           attribute DOMString _<span title=dom-CSSStyleDeclaration-camel-cased-attribute><var title>camel-cased attribute</var></span>;
 };</pre>
 
-<p>The <dfn title=dom-CSSStyleDeclaration-attribute><code><var title>attribute</var></code></dfn> attribute, on getting, must return the result of invoking
-<code title=dom-CSSStyleDeclaration-getPropertyValue>getPropertyValue()</code> with the
+<p>The <dfn title=dom-CSSStyleDeclaration-camel-cased-attribute><code><var title>camel-cased attribute</var></code></dfn> attribute, on getting, must return the
+result of invoking <code title=dom-CSSStyleDeclaration-getPropertyValue>getPropertyValue()</code> with the
 argument being the result of running the <span>IDL attribute to CSS property</span>
-algorithm for <var>attribute</var>.</p>
+algorithm for <var title>camel-cased attribute</var>.</p>
 
-<p>Setting the <code title=dom-CSSStyleDeclaration-attribute><var>attribute</var></code> attribute must invoke
+<p>Setting the <code title=dom-CSSStyleDeclaration-camel-cased-attribute><var title>camel-cased attribute</var></code> attribute must invoke
 <code title=dom-CSSStyleDeclaration-setProperty>setProperty()</code> with the
 first argument being the result of running the <span>IDL attribute to CSS property</span>
-algorithm for <var>attribute</var>, as second argument the given value, and no third argument. Any
+algorithm for <var title>camel-cased attribute</var>, as second argument the given value, and no third argument. Any
 exceptions thrown must be re-thrown.</p>
 
+<p class=example>For example, for the 'font-size' property there would be a <code title>fontSize</code> IDL attribute.
+
+<p>For each CSS property <var title>property</var> that the user agent supports, except for properties that have no "<code title>-</code>" (U+002D) in the
+property name, user agents must act as if there was a WebIDL <span data-anolis-spec=webidl>regular attribute</span> member as part of the
+<code>CSSStyleDeclaration</code> interface with the type being <code title>DOMString</code> and the <span data-anolis-spec=webidl>identifier</span> being
+<var title>property</var>, and let <var title>dashed attribute</var> be <var title>property</var>.
+
+<p>The <dfn title=dom-CSSStyleDeclaration-dashed-attribute><code><var title>dashed attribute</var></code></dfn> attribute, on getting, must return the
+result of invoking <code title=dom-CSSStyleDeclaration-getPropertyValue>getPropertyValue()</code> with the
+argument being <var title>dashed attribute</var>.</p>
+
+<p>Setting the <code title=dom-CSSStyleDeclaration-dashed-attribute><var title>dashed attribute</var></code> attribute must invoke
+<code title=dom-CSSStyleDeclaration-setProperty>setProperty()</code> with the
+first argument being <var title>dashed attribute</var>, as second argument the given value, and no third argument. Any
+exceptions thrown must be re-thrown.</p>
+
+<div class=example>
+ <p>For example, for the 'font-size' property there would be a <code title>font-size</code> IDL attribute. In JavaScript, the property can be accessed as
+ follows, assuming <var title>element</var> is an <span data-anolis-spec=html title="HTML elements">HTML element</span>:
+ <pre><var title>element</var>.style['font-size'];</pre>
+</div>
+
+<p class=note>WebIDL does not allow dashes in identifiers in its syntax.
+
 <p>The <dfn>CSS property to IDL attribute</dfn> algorithm for <var title>property</var> is as
 follows:</p>