- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 13 Dec 2011 01:39:55 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv18442
Modified Files:
Overview.html Overview.src.html
Log Message:
Bunches of typos
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.html,v
retrieving revision 1.254
retrieving revision 1.255
diff -u -d -r1.254 -r1.255
--- Overview.html 13 Dec 2011 00:53:05 -0000 1.254
+++ Overview.html 13 Dec 2011 01:39:52 -0000 1.255
@@ -272,15 +272,18 @@
<p>In CSS Levels 1 and 2, image values, such as those used in the
‘<code class=property>background-image</code>’ property, could
- only be given by a single URI value. This module introduces additional
- ways of representing 2D images, for example as a list of URIs denoting
- fallbacks, as a reference to an element in the document, or as a gradient.
+ only be given by a single URL value. This module introduces additional
+ ways of representing 2D images, for example as <a href="#image-notation">a
+ list of URIs denoting fallbacks</a>, as <a href="#element-reference">a
+ reference to an element</a>, or as <a href="#gradients">a gradient</a>.
- <p>This module also defines several properties for manipulating raster
- images and for sizing or positioning replaced elements such as images
+ <p>This module also defines several properties for <a
+ href="#image-processing">manipulating raster images</a> and for <a
+ href="#object-fit">sizing</a> or <a
+ href="#object-position">positioning</a> replaced elements such as images
within the box determined by the CSS layout algorithms. It also defines in
- a generic way CSS's sizing algorithm for images and other replaced
- elements.
+ a generic way CSS's <a href="#sizing">sizing algorithm</a> for images and
+ other replaced elements.
<h3 id=placement><span class=secno>1.1. </span> Module Interactions</h3>
@@ -326,15 +329,15 @@
id=ltresolution><resolution></dfn> value type:
<dl>
- <dt><dfn id=dpi>dpi</dfn>
+ <dt><dfn id=dpi>‘<code class=css>dpi</code>’</dfn>
<dd>dots per inch
- <dt><dfn id=dpcm>dpcm</dfn>
+ <dt><dfn id=dpcm>‘<code class=css>dpcm</code>’</dfn>
<dd>dots per centimeter
- <dt><dfn id=dppx>dppx</dfn>
+ <dt><dfn id=dppx>‘<code class=css>dppx</code>’</dfn>
<dd>dots per ‘<code class=css>px</code>’ unit
</dl>
@@ -362,8 +365,10 @@
<p>The <image> value type denotes a 2D image. It is defined as
- <pre class=prod><dfn
- id=ltimage><image></dfn> = <url> | <image-list> | <element-reference> | <gradient></pre>
+ <pre class=prod><dfn id=ltimage><image></dfn> = <i><url></i> | <a
+ href="#ltimage-list"><i><image-list></i></a> | <a
+ href="#ltelement-reference"><i><element-reference></i></a> | <a
+ href="#ltgradient"><i><gradient></i></a></pre>
<p>Image values can be used in many CSS properties, including the
‘<code class=property>background-image</code>’, ‘<code
@@ -528,7 +533,7 @@
<div class=example>
<p>A list may use an arrow for a bullet that points into the content. If
- the list can contain both ltr and rtl text, though, the bullet may be on
+ the list can contain both LTR and RTL text, though, the bullet may be on
the left or the right, and an image designed to point into the text on
one side will point out of the text on the other side. This can be fixed
with code like:</p>
@@ -545,7 +550,7 @@
⇒ My bullet is on the left!
!THGIR EHT NO SI TELLUB YM ⇐</pre>
- <p>In ltr list items, the image will be used as-is. In the rtl list items,
+ <p>In LTR list items, the image will be used as-is. In the RTL list items,
however, it will be flipped in the inline direction, so it still points
into the content.</p>
</div>
@@ -894,13 +899,18 @@
identically, except in the opposite direction of the angle.
<p>Alternately, the direction may be specified with keywords that denote
- the direction. If the argument is "to top", "to right", "to bottom", or
- "to left", the gradient must be rendered identically to "0deg", "90deg",
- "180deg", or "270deg", respectively. If the argument specifies a corner to
- angle towards, the gradient must be rendered identically to an angle-based
- gradient with an angle chosen such that the endpoint of the gradient is in
- the same quadrant as the indicated corner, and a line drawn perpendicular
- to the gradient-line through the center of the <a
+ the direction. If the argument is ‘<code class=css>to
+ top</code>’, ‘<code class=css>to right</code>’,
+ ‘<code class=css>to bottom</code>’, or ‘<code
+ class=css>to left</code>’, the gradient must be rendered identically
+ to ‘<code class=css>0deg</code>’, ‘<code
+ class=css>90deg</code>’, ‘<code
+ class=css>180deg</code>’, or ‘<code
+ class=css>270deg</code>’, respectively. If the argument specifies a
+ corner to angle towards, the gradient must be rendered identically to an
+ angle-based gradient with an angle chosen such that the endpoint of the
+ gradient is in the same quadrant as the indicated corner, and a line drawn
+ perpendicular to the gradient-line through the center of the <a
href="#gradient-box"><i>gradient box</i></a> intersects the two
neighboring corners.
@@ -2082,7 +2092,7 @@
id=intrinsic-resolution>intrinsic resolution</dfn> of an image is used to
determine the image's <i>intrinsic size</i>. Affected images include
images in the element's content (e.g. replaced elements and/or generated
- content), background images,list markers, etc. Values have the following
+ content), background images, list markers, etc. Values have the following
meanings:
<dl>
@@ -2638,11 +2648,14 @@
<li>default object size, <a href="#default-object-size"
title="default object size"><strong>5.1.</strong></a>
- <li>dpcm, <a href="#dpcm" title=dpcm><strong>2.</strong></a>
+ <li>‘<code class=css>dpcm</code>’, <a href="#dpcm"
+ title="''dpcm''"><strong>2.</strong></a>
- <li>dpi, <a href="#dpi" title=dpi><strong>2.</strong></a>
+ <li>‘<code class=css>dpi</code>’, <a href="#dpi"
+ title="''dpi''"><strong>2.</strong></a>
- <li>dppx, <a href="#dppx" title=dppx><strong>2.</strong></a>
+ <li>‘<code class=css>dppx</code>’, <a href="#dppx"
+ title="''dppx''"><strong>2.</strong></a>
<li><element-reference>, <a href="#ltelement-reference"
title="<element-reference>"><strong>3.3.</strong></a>
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.261
retrieving revision 1.262
diff -u -d -r1.261 -r1.262
--- Overview.src.html 13 Dec 2011 00:53:05 -0000 1.261
+++ Overview.src.html 13 Dec 2011 01:39:52 -0000 1.262
@@ -74,15 +74,15 @@
<p><em>This section is not normative.</em>
<p>In CSS Levels 1 and 2, image values, such as those used in the
- 'background-image' property, could only be given by a single URI
+ 'background-image' property, could only be given by a single URL
value. This module introduces additional ways of representing 2D
- images, for example as a list of URIs denoting fallbacks, as a
- reference to an element in the document, or as a gradient.</p>
+ images, for example as <a href="#image-notation">a list of URIs denoting fallbacks</a>, as <a href="#element-reference">a
+ reference to an element</a>, or as <a href="#gradients">a gradient</a>.</p>
- <p>This module also defines several properties for manipulating
- raster images and for sizing or positioning replaced elements
+ <p>This module also defines several properties for <a href="#image-processing">manipulating
+ raster images</a> and for <a href="#object-fit">sizing</a> or <a href="#object-position">positioning</a> replaced elements
such as images within the box determined by the CSS layout algorithms.
- It also defines in a generic way CSS's sizing algorithm for images
+ It also defines in a generic way CSS's <a href="#sizing">sizing algorithm</a> for images
and other replaced elements.
<h3 id="placement">
@@ -111,13 +111,13 @@
value type:</p>
<dl>
- <dt><dfn>dpi</dfn></dt>
+ <dt><dfn>''dpi''</dfn></dt>
<dd>dots per inch</dd>
- <dt><dfn>dpcm</dfn></dt>
+ <dt><dfn>''dpcm''</dfn></dt>
<dd>dots per centimeter</dd>
- <dt><dfn>dppx</dfn></dt>
+ <dt><dfn>''dppx''</dfn></dt>
<dd>dots per ''px'' unit</dd>
</dl>
@@ -138,7 +138,7 @@
<p>The <image> value type denotes a 2D image. It is defined as
- <pre class="prod"><dfn><image></dfn> = <url> | <image-list> | <element-reference> | <gradient></pre>
+ <pre class="prod"><dfn><image></dfn> = <i><url></i> | <i><image-list></i> | <i><element-reference></i> | <i><gradient></i></pre>
<p>Image values can be used in many CSS properties, including the
'background-image', 'list-style-image', 'cursor' properties [[!CSS21]].
@@ -247,7 +247,7 @@
<p>Along with each URL, the author may specify a directionality, similar to adding a <code>dir</code> attribute to an element in HTML. The image represented by the function takes on the directionality of the used URL. If a directional image is used on or in an element with opposite directionality, the image must be flipped in the inline direction (as if it was transformed by, e.g., <code>scaleX(-1)</code>, if the inline direction is the X axis).</p>
<div class='example'>
- <p>A list may use an arrow for a bullet that points into the content. If the list can contain both ltr and rtl text, though, the bullet may be on the left or the right, and an image designed to point into the text on one side will point out of the text on the other side. This can be fixed with code like:</p>
+ <p>A list may use an arrow for a bullet that points into the content. If the list can contain both LTR and RTL text, though, the bullet may be on the left or the right, and an image designed to point into the text on one side will point out of the text on the other side. This can be fixed with code like:</p>
<pre>
<ul style="list-style-image: image("arrow.png" ltr);">
@@ -261,7 +261,7 @@
⇒ My bullet is on the left!
!THGIR EHT NO SI TELLUB YM ⇐</pre>
- <p>In ltr list items, the image will be used as-is. In the rtl list items, however, it will be flipped in the inline direction, so it still points into the content.</p>
+ <p>In LTR list items, the image will be used as-is. In the RTL list items, however, it will be flipped in the inline direction, so it still points into the content.</p>
</div>
<!-- ====================================================================== -->
@@ -524,7 +524,7 @@
direction. The starting-point is determined identically, except in the
opposite direction of the angle.</p>
- <p>Alternately, the direction may be specified with keywords that denote the direction. If the argument is "to top", "to right", "to bottom", or "to left", the gradient must be rendered identically to "0deg", "90deg", "180deg", or "270deg", respectively. If the argument specifies a corner to angle towards, the gradient must be rendered identically to an angle-based gradient with an angle chosen such that the endpoint of the gradient is in the same quadrant as the indicated corner, and a line drawn perpendicular to the gradient-line through the center of the <i>gradient box</i> intersects the two neighboring corners.</p>
+ <p>Alternately, the direction may be specified with keywords that denote the direction. If the argument is ''to top'', ''to right'', ''to bottom'', or ''to left'', the gradient must be rendered identically to ''0deg'', ''90deg'', ''180deg'', or ''270deg'', respectively. If the argument specifies a corner to angle towards, the gradient must be rendered identically to an angle-based gradient with an angle chosen such that the endpoint of the gradient is in the same quadrant as the indicated corner, and a line drawn perpendicular to the gradient-line through the center of the <i>gradient box</i> intersects the two neighboring corners.</p>
<p class='note'>It is expected that the next level of this module will provide the ability to define the gradient's direction relative to the current text direction and writing-mode.</p>
@@ -1375,8 +1375,8 @@
not have an intrinsic resolution, this property has no effect on vector
images.) The <dfn>intrinsic resolution</dfn> of an image is used to determine
the image's <i>intrinsic size</i>. Affected images include images in the
- element's content (e.g. replaced elements and/or generated content),
- background images,list markers, etc.
+ element's content (e.g. replaced elements and/or generated content),
+ background images, list markers, etc.
Values have the following meanings:</p>
<dl>
Received on Tuesday, 13 December 2011 01:39:56 UTC