- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 07 Feb 2012 22:59:53 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-values
In directory hutz:/tmp/cvs-serv12967
Modified Files:
Overview.html Overview.src.html
Log Message:
Add the resolution unit, since it's used in two specs (MQ and Images)
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-values/Overview.html,v
retrieving revision 1.156
retrieving revision 1.157
diff -u -d -r1.156 -r1.157
--- Overview.html 5 Jan 2012 19:38:38 -0000 1.156
+++ Overview.html 7 Feb 2012 22:59:50 -0000 1.157
@@ -26,13 +26,14 @@
<h1>CSS Values and Units Module Level 3</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 5 January 2012</h2>
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 7 February
+ 2012</h2>
<dl>
<dt>This version:
<dd><a
- href="http://www.w3.org/TR/2012/ED-css3-values-20120105/">http://www.w3.org/TR/2012/ED-css3-values-20120105/</a>
+ href="http://www.w3.org/TR/2012/ED-css3-values-20120207/">http://www.w3.org/TR/2012/ED-css3-values-20120207/</a>
<dt>Latest version:
@@ -254,11 +255,15 @@
class=css>s</code>’, ‘<code class=css>ms</code>’
units</a>
- <li><a href="#frequencies-the-ltfrequencygt-type-and-h"><span
- class=secno>6.3. </span>Frequencies: the ‘<code
- class=css><frequency></code>’ type and ‘<code
- class=css>Hz</code>’, ‘<code class=css>kHz</code>’
- units</a>
+ <li><a href="#frequency"><span class=secno>6.3. </span> Frequencies: the
+ ‘<code class=css><frequency></code>’ type and
+ ‘<code class=css>Hz</code>’, ‘<code
+ class=css>kHz</code>’ units</a>
+
+ <li><a href="#resolution"><span class=secno>6.4. </span> Resolutions:
+ the ‘<code class=css>dpi</code>’, ‘<code
+ class=css>dpcm</code>’, and ‘<code
+ class=css>dppx</code>’ units</a>
</ul>
<li><a href="#defined-elsewhere"><span class=secno>7. </span> Data Types
@@ -1174,8 +1179,8 @@
outside the allowed range, the declaration is invalid and must be <a
href="http://www.w3.org/TR/CSS21/conform.html#ignore">ignored</a>.
- <h3 id=frequencies-the-ltfrequencygt-type-and-h><span class=secno>6.3.
- </span>Frequencies: the ‘<a href="#frequency-value"><code
+ <h3 id=frequency><span class=secno>6.3. </span> Frequencies: the ‘<a
+ href="#frequency-value"><code
class=css><frequency></code></a>’ type and ‘<a
href="#hz"><code class=css>Hz</code></a>’, ‘<a
href="#khz"><code class=css>kHz</code></a>’ units</h3>
@@ -1197,6 +1202,56 @@
<p>For example, when representing sound pitches, 200Hz (or 200hz) is a bass
sound, and 6kHz (or 6khz) is a treble sound.
+ <h3 id=resolution><span class=secno>6.4. </span> Resolutions: the ‘<a
+ href="#dpi"><code class=css>dpi</code></a>’, ‘<a
+ href="#dpcm"><code class=css>dpcm</code></a>’, and ‘<a
+ href="#dppx"><code class=css>dppx</code></a>’ units</h3>
+
+ <p>Resolution units are <i>dimensions</i> denoted by <dfn
+ id=resolution-value><resolution></dfn>. The frequency unit identifiers
+ are:
+
+ <dl>
+ <dt><dfn id=dpi>dpi</dfn>
+
+ <dd>dots per inch
+
+ <dt><dfn id=dpcm>dpcm</dfn>
+
+ <dd>dots per centimeter
+
+ <dt><dfn id=dppx>dppx</dfn>
+
+ <dd>dots per ‘<code class=css>px</code>’ unit
+ </dl>
+
+ <p>The ‘<a href="#resolution-value"><code
+ class=css><resolution></code></a>’ unit represents the size of a
+ single "dot" in a graphical representation by indicating how many of these
+ dots fit in a CSS ‘<code class=property>in</code>’,
+ ‘<code class=property>cm</code>’, or ‘<code
+ class=property>px</code>’. For uses, see e.g. the ‘<code
+ class=css>resolution</code>’ media query in <a href="#MEDIAQ"
+ rel=biblioentry>[MEDIAQ]<!--{{MEDIAQ}}--></a> or the ‘<code
+ class=property>image-resolution</code>’ property defined in
+ [[CSS3IMAGES]].
+
+ <p class=note>Note that due to the 1:96 fixed ratio of CSS ‘<code
+ class=css>in</code>’ to CSS ‘<code class=css>px</code>’,
+ ‘<code class=css>1dppx</code>’ is equivalent to ‘<code
+ class=css>96dpi</code>’. This corresponds to the default resolution
+ of images displayed in CSS: see ‘<code
+ class=property>image-resolution</code>’.
+
+ <div class=example>
+ <p>The following @media rule uses Media Queries <a href="#MEDIAQ"
+ rel=biblioentry>[MEDIAQ]<!--{{MEDIAQ}}--></a> to assign some special
+ style rules to devices that use two or more device pixels per CSS
+ ‘<code class=css>px</code>’ unit:
+
+ <pre>@media (min-resolution: 2dppx) { ... }</pre>
+ </div>
+
<h2 id=defined-elsewhere><span class=secno>7. </span> Data Types Defined
Elsewhere</h2>
@@ -1819,6 +1874,16 @@
</dd>
<!---->
+ <dt id=MEDIAQ>[MEDIAQ]
+
+ <dd>Håkon Wium Lie; et al. <a
+ href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/"><cite>Media
+ Queries.</cite></a> 27 July 2010. W3C Candidate Recommendation. (Work in
+ progress.) URL: <a
+ href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/">http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/</a>
+ </dd>
+ <!---->
+
<dt id=URI>[URI]
<dd>T. Berners-Lee; R. Fielding; L. Masinter. <a
@@ -1859,6 +1924,12 @@
<li>dimension, <a href="#dimension"
title=dimension><strong>5.</strong></a>
+ <li>dpcm, <a href="#dpcm" title=dpcm><strong>6.4.</strong></a>
+
+ <li>dpi, <a href="#dpi" title=dpi><strong>6.4.</strong></a>
+
+ <li>dppx, <a href="#dppx" title=dppx><strong>6.4.</strong></a>
+
<li>em, <a href="#em-unit" title=em><strong>5.1.1.</strong></a>
<li>ex, <a href="#ex-unit" title=ex><strong>5.1.1.</strong></a>
@@ -1927,6 +1998,9 @@
<li>rem, <a href="#rem-unit" title=rem><strong>5.1.1.</strong></a>
+ <li><resolution>, <a href="#resolution-value"
+ title="<resolution>"><strong>6.4.</strong></a>
+
<li>resolved type, <a href="#resolved-type"
title="resolved type"><strong>8.1.</strong></a>
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-values/Overview.src.html,v
retrieving revision 1.159
retrieving revision 1.160
diff -u -d -r1.159 -r1.160
--- Overview.src.html 5 Jan 2012 19:38:38 -0000 1.159
+++ Overview.src.html 7 Feb 2012 22:59:50 -0000 1.160
@@ -775,7 +775,8 @@
If the value is outside the allowed range, the declaration is invalid
and must be <a href="http://www.w3.org/TR/CSS21/conform.html#ignore">ignored</a>.
-<h3>Frequencies: the ''<frequency>'' type and ''Hz'', ''kHz'' units</h3>
+<h3 id="frequency">
+Frequencies: the ''<frequency>'' type and ''Hz'', ''kHz'' units</h3>
<p>Frequency values are <i>dimensions</i> denoted by
<dfn id="frequency-value"><frequency></dfn>.
@@ -791,6 +792,40 @@
<p>For example, when representing sound pitches, 200Hz (or 200hz)
is a bass sound, and 6kHz (or 6khz) is a treble sound.</p>
+<h3 id="resolution">
+Resolutions: the ''dpi'', ''dpcm'', and ''dppx'' units</h3>
+
+ <p>Resolution units are <i>dimensions</i> denoted by <dfn id="resolution-value"><resolution></dfn>. The frequency unit identifiers are:</p>
+
+ <dl>
+ <dt><dfn>dpi</dfn></dt>
+ <dd>dots per inch</dd>
+
+ <dt><dfn>dpcm</dfn></dt>
+ <dd>dots per centimeter</dd>
+
+ <dt><dfn>dppx</dfn></dt>
+ <dd>dots per ''px'' unit</dd>
+ </dl>
+
+ <p>The ''<resolution>'' unit represents the size of a single "dot" in a
+ graphical representation by indicating how many of these dots fit in a
+ CSS 'in', 'cm', or 'px'.
+ For uses, see e.g. the ''resolution'' media query in [[MEDIAQ]]
+ or the 'image-resolution' property defined in [[CSS3IMAGES]].
+
+ <p class="note">Note that due to the 1:96 fixed ratio of CSS ''in'' to
+ CSS ''px'', ''1dppx'' is equivalent to ''96dpi''. This corresponds to
+ the default resolution of images displayed in CSS: see 'image-resolution'.
+
+ <div class="example">
+ <p>The following @media rule uses Media Queries [[MEDIAQ]] to assign
+ some special style rules to devices that use two or more device pixels
+ per CSS ''px'' unit:
+ <pre>@media (min-resolution: 2dppx) { ... }</pre>
+ </div>
+
+
<h2 id="defined-elsewhere">
Data Types Defined Elsewhere</h2>
Received on Tuesday, 7 February 2012 23:01:56 UTC