8000 [cssom*] Editorial: use csswg style sheet · xfq/csswg-drafts@c2853a1 · GitHub
Skip to content

Commit c2853a1

Browse files
author
Simon Pieters
committed
[cssom*] Editorial: use csswg style sheet
1 parent 30edeb3 commit c2853a1

6 files changed

Lines changed: 95 additions & 161 deletions

File tree

Filter options

‎cssom-values/Overview.html‎

Lines changed: 30 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -2,28 +2,17 @@
22
<meta charset="utf-8">
33
<title>CSSOM Values Module</title>
44
<style>
5-
.idl { border:solid thin; background:#eee; color:#000; padding:0.5em }
6-
.idl :link, .idl :visited { color:inherit; background:transparent }
7-
dfn { font-weight:bold; font-style:normal }
8-
.example { margin-left:1em; padding-left:1em; border-left:double; color:#222; background:#fcfcfc }
9-
.example table code { color:inherit }
10-
td, th { padding:.1em }
11-
.note { margin-left:2em; color:green; font-style:italic; font-weight:bold }
12-
p.note::before { content:"Note: " }
13-
.XXX { padding:.5em; border:solid red }
14-
p.XXX::before { content:"Issue: " }
155
dl.switch { padding-left:2em }
166
dl.switch > dt { text-indent:-1.5em }
177
dl.switch > dt:before { content:'\21AA'; padding:0 0.5em 0 0; display:inline-block; width:1em; text-align:right; line-height:0.5em }
18-
code { color:orangered }
19-
code :link, code :visited { color:inherit }
208
.atrisk::before { position:absolute; left:30px; margin-top:-8px; width:25px; height:25px; padding:0 4px 8px; border:1px solid; content:'At risk';
219
font-size:smaller; background:white; color:gray; border-radius:25px; text-align:center }
2210
td { vertical-align:baseline }
2311
td, th { border:solid }
2412
table { border:hidden; border-collapse:collapse }
2513
.propdef { font:inherit; line-height:2.3 }
2614
</style>
15+
<link href="../default.css" rel="stylesheet">
2716
<link href="https://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet">
2817
</head>
2918
<body class="draft">
@@ -35,7 +24,7 @@
3524

3625
<h1>CSSOM Values Module</h1>
3726

38-
<h2 class="no-num no-toc" id="w3c-doctype">Editor's Draft 10 June 2013</h2>
27+
<h2 class="no-num no-toc" id="w3c-doctype">Editor's Draft 11 June 2013</h2>
3928

4029
<dl>
4130

@@ -91,15 +80,15 @@ <h2 class="no-num no-toc" id="sotd">Status of this Document</h2>
9180
can be found in the
9281
<a href="http://www.w3.org/TR/">W3C technical reports index at http://www.w3.org/TR/.</a></em>
9382

94-
<p>This is the 10 June 2013 Editor's Draft of CSSOM. Please send
83+
<p>This is the 11 June 2013 Editor's Draft of CSSOM. Please send
9584
comments to
9685
<a href="mailto:www-style@w3.org?subject=%5Bcssom-values%5D%20">www-style@w3.org</a>
9786
(<a href="http://lists.w3.org/Archives/Public/www-style/">archived</a>)
9887
with <samp>[cssom-values]</samp> at the start of the subject line.
9988

10089

10190
<!-- XXX include this text upon FPWD publishing
102-
<p>This is the 10 June 2013 First Public Working Draft of CSSOM, produced by the
91+
<p>This is the 11 June 2013 First Public Working Draft of CSSOM, produced by the
10392
<a href="http://www.w3.org/Style/CSS/members">CSS Working Group</a> (part
10493
of the <a href="http://www.w3.org/Style/">Style Activity</a>).
10594
-->
@@ -193,7 +182,7 @@ <h3 id="dependencies"><span class="secno">2.1 </span>Dependencies</h3>
193182
<dt>CSSOM</dt>
194183
<dd><p>A conforming user agent must support the CSS Object
195184
Model. <a href="#refsCSSOM">[CSSOM]</a></p>
196-
<p class="XXX">Narrow this dependency to specific features of CSSOM.</p>
185+
<p class="issue">Narrow this dependency to specific features of CSSOM.</p>
197186
</dd>
198187

199188
</dl>
@@ -203,16 +192,16 @@ <h2 id="css-values"><span class="secno">3 </span>CSS Values</h2>
203192
<h3 id="the-cssvalue-interface"><span class="secno">3.1 </span>The <code title="">CSSValue</code> Interface</h3>
204193

205194
<pre class="idl">interface <dfn id="cssvalue">CSSValue</dfn> {
206-
<span class="XXX" title="">// ...</span>
207-
}</pre>
195+
<span class="issue" title="">// ...</span>
196+
};</pre>
208197

209198
<h3 id="the-cssstyledeclaration-interface"><span class="secno">3.2 </span>The <code title="">CSSStyleDeclaration</code> Interface</h3>
210199

211200
<pre class="idl">partial interface <dfn id="cssstyledeclaration">CSSStyleDeclaration</dfn> {
212201
readonly attribute <a href="#cssstyledeclarationvalue">CSSStyleDeclarationValue</a> <a href="#dom-cssstyledeclaration-values" title="dom-CSSStyleDeclaration-values">values</a>;
213202
};</pre>
214203

215-
<p class="XXX"><dfn id="dom-cssstyledeclaration-values" title="dom-CSSStyleDeclaration-values"><code>values</code></dfn>
204+
<p class="issue"><dfn id="dom-cssstyledeclaration-values" title="dom-CSSStyleDeclaration-values"><code>values</code></dfn>
216205

217206
<h3 id="the-cssstyledeclarationvalue-interface"><span class="secno">3.3 </span>The <code title="">CSSStyleDeclarationValue</code> Interface</h3>
218207

@@ -221,7 +210,7 @@ <h3 id="the-cssstyledeclarationvalue-interface"><span class="secno">3.3 </span>T
221210
<!--CSSOM-DECLARATIONVALUEIDL-->
222211
};</pre>
223212

224-
<p class="XXX">The rough idea is that this interface exposes the full
213+
<p class="issue">The rough idea is that this interface exposes the full
225214
list of supported properties as well that each return a
226215
<code><a href="#csspropertyvalue">CSSPropertyValue</a></code> object. That object can implement other
227216
objects depending on the property involved. E.g. for '<code title="">width</code>'
@@ -234,7 +223,7 @@ <h3 id="the-csspropertyvalue-interface"><span class="secno">3.4 </span>The <code
234223
attribute DOMString <a href="#dom-csspropertyvalue-csstext" title="dom-CSSPropertyValue-cssText">cssText</a>;
235224
};</pre>
236225

237-
<p class="XXX"><dfn id="dom-csspropertyvalue-csstext" title="dom-CSSPropertyValue-cssText"><code>cssText</code></dfn>
226+
<p class="issue"><dfn id="dom-csspropertyvalue-csstext" title="dom-CSSPropertyValue-cssText"><code>cssText</code></dfn>
238227

239228
<!--
240229
what does the CSSValue represent
@@ -253,9 +242,9 @@ <h3 id="the-csspropertyvaluelist-interface"><span class="secno">3.5 </span>The <
253242
readonly attribute <a href="#cssvalue">CSSValue</a>[] <a href="#dom-csspropertyvalue-list" title="dom-CSSPropertyValue-list">list</a>;
254243
};</pre>
255244

256-
<p class="XXX"><dfn id="dom-csspropertyvalue-list" title="dom-CSSPropertyValue-list"><code>list</code></dfn>
245+
<p class="issue"><dfn id="dom-csspropertyvalue-list" title="dom-CSSPropertyValue-list"><code>list</code></dfn>
257246

258-
<p class="XXX">Ideally this attribute just returns a mutable array.</p>
247+
<p class="issue">Ideally this attribute just returns a mutable array.</p>
259248

260249
<h3 id="the-cssmapvalue-interface"><span class="secno">3.6 </span>The <code title="">CSSMapValue</code> Interface</h3>
261250

@@ -264,7 +253,7 @@ <h3 id="the-cssmapvalue-interface"><span class="secno">3.6 </span>The <code titl
264253
};</pre>
265254
<!-- see HTML5 DOMStringMap -->
266255

267-
<p class="XXX">This seems the simplest we can get away with.</p>
256+
<p class="issue">This seems the simplest we can get away with.</p>
268257

269258
<h3 id="the-csscomponentvalue-interface"><span class="secno">3.7 </span>The <code title="">CSSComponentValue</code> Interface</h3>
270259

@@ -273,10 +262,10 @@ <h3 id="the-csscomponentvalue-interface"><span class="secno">3.7 </span>The <cod
273262
attribute any <a href="#dom-csscomponentvalue-value" title="dom-CSSComponentValue-value">value</a>;
274263
};</pre>
275264

276-
<p class="XXX"><dfn id="dom-csscomponentvalue-type" title="dom-CSSComponentValue-type"><code>type</code></dfn>
277-
<p class="XXX"><dfn id="dom-csscomponentvalue-value" title="dom-CSSComponentValue-value"><code>value</code></dfn>
265+
<p class="issue"><dfn id="dom-csscomponentvalue-type" title="dom-CSSComponentValue-type"><code>type</code></dfn>
266+
<p class="issue"><dfn id="dom-csscomponentvalue-value" title="dom-CSSComponentValue-value"><code>value</code></dfn>
278267

279-
<p class="XXX">type returns "string", "keyword", "identifier", "color", "em", "ex", "px", "url".</p>
268+
<p class="issue">type returns "string", "keyword", "identifier", "color", "em", "ex", "px", "url".</p>
280269

281270
<h4 id="the-csscolorcomponentvalue-interface"><span class="secno">3.7.1 </span>The <code title="">CSSColorComponentValue</code> Interface</h4>
282271

@@ -287,65 +276,65 @@ <h4 id="the-csscolorcomponentvalue-interface"><span class="secno">3.7.1 </span>T
287276
attribute float <a href="#dom-csscolorcomponentvalue-alpha" title="dom-CSSColorComponentValue-alpha">alpha</a>;
288277
};</pre>
289278

290-
<p class="XXX"><dfn id="dom-csscolorcomponentvalue-red" title="dom-CSSColorComponentValue-red"><code>red</code></dfn>
291-
<p class="XXX"><dfn id="dom-csscolorcomponentvalue-green" title="dom-CSSColorComponentValue-green"><code>green</code></dfn>
292-
<p class="XXX"><dfn id="dom-csscolorcomponentvalue-blue" title="dom-CSSColorComponentValue-blue"><code>blue</code></dfn>
293-
<p class="XXX"><dfn id="dom-csscolorcomponentvalue-alpha" title="dom-CSSColorComponentValue-alpha"><code>alpha</code></dfn>
279+
<p class="issue"><dfn id="dom-csscolorcomponentvalue-red" title="dom-CSSColorComponentValue-red"><code>red</code></dfn>
280+
<p class="issue"><dfn id="dom-csscolorcomponentvalue-green" title="dom-CSSColorComponentValue-green"><code>green</code></dfn>
281+
<p class="issue"><dfn id="dom-csscolorcomponentvalue-blue" title="dom-CSSColorComponentValue-blue"><code>blue</code></dfn>
282+
<p class="issue"><dfn id="dom-csscolorcomponentvalue-alpha" title="dom-CSSColorComponentValue-alpha"><code>alpha</code></dfn>
294283

295-
<p class="XXX">We can make this more complex later. This will probably move into the CSS Color Level 4.</p>
284+
<p class="issue">We can make this more complex later. This will probably move into the CSS Color Level 4.</p>
296285

297286
<h4 id="the-cssidentifiercomponentvalue-interface"><span class="secno">3.7.2 </span>The <code title="">CSSIdentifierComponentValue</code> Interface</h4>
298287

299288
<pre class="idl">[NoInterfaceObject] interface <dfn id="cssidentifiercomponentvalue">CSSIdentifierComponentValue</dfn> {
300289
attribute DOMString <a href="#dom-cssstringcomponentvalue-identifier" title="dom-CSSStringComponentValue-identifier">identifier</a>;
301290
};</pre>
302291

303-
<p class="XXX"><dfn id="dom-cssstringcomponentvalue-identifier" title="dom-CSSStringComponentValue-identifier"><code>identifier</code></dfn>
292+
<p class="issue"><dfn id="dom-cssstringcomponentvalue-identifier" title="dom-CSSStringComponentValue-identifier"><code>identifier</code></dfn>
304293

305294
<h4 id="the-csskeywordcomponentvalue-interface"><span class="secno">3.7.3 </span>The <code title="">CSSKeywordComponentValue</code> Interface</h4>
306295

307296
<pre class="idl">[NoInterfaceObject] interface <dfn id="csskeywordcomponentvalue">CSSKeywordComponentValue</dfn> {
308297
attribute DOMString <a href="#dom-cssstringcomponentvalue-keyword" title="dom-CSSStringComponentValue-keyword">keyword</a>;
309298
};</pre>
310299

311-
<p class="XXX"><dfn id="dom-cssstringcomponentvalue-keyword" title="dom-CSSStringComponentValue-keyword"><code>keyword</code></dfn>
300+
<p class="issue"><dfn id="dom-cssstringcomponentvalue-keyword" title="dom-CSSStringComponentValue-keyword"><code>keyword</code></dfn>
312301

313302
<h4 id="the-csslengthcomponentvalue-interface"><span class="secno">3.7.4 </span>The <code title="">CSSLengthComponentValue</code> Interface</h4>
314303

315304
<pre class="idl">[NoInterfaceObject] interface <dfn id="csslengthcomponentvalue">CSSLengthComponentValue</dfn> {
316305
attribute float <a href="#dom-csslengthcomponentvalue-em" title="dom-CSSLengthComponentValue-em">em</a>;
317306
attribute float <a href="#dom-csslengthcomponentvalue-ex" title="dom-CSSLengthComponentValue-ex">ex</a>;
318307
attribute float <a href="#dom-csslengthcomponentvalue-px" title="dom-CSSLengthComponentValue-px">px</a>;
319-
<span class="XXX" title="">// figure out what to do with absolute lengths</span>
308+
<span class="issue" title="">// figure out what to do with absolute lengths</span>
320309
};</pre>
321310

322-
<p class="XXX"><dfn id="dom-csslengthcomponentvalue-em" title="dom-CSSLengthComponentValue-em"><code>em</code></dfn>
323-
<p class="XXX"><dfn id="dom-csslengthcomponentvalue-ex" title="dom-CSSLengthComponentValue-ex"><code>ex</code></dfn>
324-
<p class="XXX"><dfn id="dom-csslengthcomponentvalue-px" title="dom-CSSLengthComponentValue-px"><code>px</code></dfn>
311+
<p class="issue"><dfn id="dom-csslengthcomponentvalue-em" title="dom-CSSLengthComponentValue-em"><code>em</code></dfn>
312+
<p class="issue"><dfn id="dom-csslengthcomponentvalue-ex" title="dom-CSSLengthComponentValue-ex"><code>ex</code></dfn>
313+
<p class="issue"><dfn id="dom-csslengthcomponentvalue-px" title="dom-CSSLengthComponentValue-px"><code>px</code></dfn>
325314

326315
<h4 id="the-csspercentagecomponentvalue-interface"><span class="secno">3.7.5 </span>The <code title="">CSSPercentageComponentValue</code> Interface</h4>
327316

328317
<pre class="idl">[NoInterfaceObject] interface <dfn id="csspercentagecomponentvalue">CSSPercentageComponentValue</dfn> {
329318
attribute float <a href="#dom-csspercentagecomponentvalue-percent" title="dom-CSSPercentageComponentValue-percent">percent</a>;
330319
};</pre>
331320

332-
<p class="XXX"><dfn id="dom-csspercentagecomponentvalue-percent" title="dom-CSSPercentageComponentValue-percent"><code>percent</code></dfn>
321+
<p class="issue"><dfn id="dom-csspercentagecomponentvalue-percent" title="dom-CSSPercentageComponentValue-percent"><code>percent</code></dfn>
333322

334323
<h4 id="the-cssstringcomponentvalue-interface"><span class="secno">3.7.6 </span>The <code title="">CSSStringComponentValue</code> Interface</h4>
335324

336325
<pre class="idl">[NoInterfaceObject] interface <dfn id="cssstringcomponentvalue">CSSStringComponentValue</dfn> {
337326
attribute DOMString <a href="#dom-cssstringcomponentvalue-string" title="dom-CSSStringComponentValue-string">string</a>;
338327
};</pre>
339328

340-
<p class="XXX"><dfn id="dom-cssstringcomponentvalue-string" title="dom-CSSStringComponentValue-string"><code>string</code></dfn>
329+
<p class="issue"><dfn id="dom-cssstringcomponentvalue-string" title="dom-CSSStringComponentValue-string"><code>string</code></dfn>
341330

342331
<h4 id="the-cssurlcomponentvalue-interface"><span class="secno">3.7.7 </span>The <code title="">CSSURLComponentValue</code> Interface</h4>
343332

344333
<pre class="idl">[NoInterfaceObject] interface <dfn id="cssurlcomponentvalue">CSSURLComponentValue</dfn> {
345334
attribute DOMString? <a href="#dom-cssurlcomponentvalue-url" title="dom-CSSURLComponentValue-url">url</a>;
346335
};</pre>
347336

348-
<p class="XXX"><dfn id="dom-cssurlcomponentvalue-url" title="dom-CSSURLComponentValue-url"><code>url</code></dfn>
337+
<p class="issue"><dfn id="dom-cssurlcomponentvalue-url" title="dom-CSSURLComponentValue-url"><code>url</code></dfn>
349338

350339

351340
<h2 class="no-num" id="references">References</h2>

0 commit comments

Comments
 (0)