- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 17 Feb 2012 22:46:42 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv31356
Modified Files:
Overview.html Overview.src.html lc-issues-1.txt
Log Message:
Set an explicit id on every definition for <foo>, to avoid ids like #ltfoo.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.html,v
retrieving revision 1.287
retrieving revision 1.288
diff -u -d -r1.287 -r1.288
--- Overview.html 16 Feb 2012 00:08:55 -0000 1.287
+++ Overview.html 17 Feb 2012 22:46:40 -0000 1.288
@@ -16,7 +16,7 @@
<h1>CSS Image Values and Replaced Content Module Level 3</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 February
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 17 February
2012</h2>
<dl>
@@ -24,7 +24,7 @@
<dd><a
href="http://dev.w3.org/csswg/css3-images/">http://dev.w3.org/csswg/css3-images/</a>
- <!-- <dd><a href="http://www.w3.org/TR/2012/ED-css3-images-20120216/">http://www.w3.org/TR/2012/WD-css3-images-20120216/</a>-->
+ <!-- <dd><a href="http://www.w3.org/TR/2012/ED-css3-images-20120217/">http://www.w3.org/TR/2012/WD-css3-images-20120217/</a>-->
<dt>Latest Version:
@@ -113,7 +113,7 @@
level 1 <a href="#CSS1" rel=biblioentry>[CSS1]<!--{{CSS1}}--></a>.
The main extensions compared to level 2 are the generalization of the
<url> type to the <image> type, several additions to the ‘<a
- href="#ltimage"><code class=css><image></code></a>’ type, a
+ href="#image-type"><code class=css><image></code></a>’ type, a
generic sizing algorithm for images and other replaced content in CSS, and
several properties controlling the interaction of replaced elements and
CSS's layout models.
@@ -321,20 +321,20 @@
<h3 id=placement><span class=secno>1.1. </span> Module Interactions</h3>
- <p>This module defines and extends the ‘<a href="#ltimage"><code
+ <p>This module defines and extends the ‘<a href="#image-type"><code
class=css><image></code></a>’ value type defined in <a
href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a>.
Furthermore it replaces the ‘<code class=css><url></code>’
type in the ‘<code class=property>background-image</code>’ and
‘<code class=property>list-style-image</code>’ definitions in
- CSS1 and CSS2 and adds ‘<a href="#ltimage"><code
+ CSS1 and CSS2 and adds ‘<a href="#image-type"><code
class=css><image></code></a>’ as an alternative to ‘<code
class=css><url></code>’ in the ‘<code
class=property>content</code>’ property's value. It is presumed that
CSS specifications beyond CSS2.1 will use the ‘<a
- href="#ltimage"><code class=css><image></code></a>’ notation in
- place of ‘<code class=css><url></code>’ where 2D images are
- expected. (See e.g. <a href="#CSS3BG"
+ href="#image-type"><code class=css><image></code></a>’ notation
+ in place of ‘<code class=css><url></code>’ where 2D images
+ are expected. (See e.g. <a href="#CSS3BG"
rel=biblioentry>[CSS3BG]<!--{{CSS3BG}}--></a>.)
<h3 id=values><span class=secno>1.2. </span> Values</h3>
@@ -360,7 +360,7 @@
<resolution> type</h2>
<p>This specification defines the following units as part of the <dfn
- id=ltresolution><resolution></dfn> value type:
+ id=resolution-type><resolution></dfn> value type:
<dl>
<dt><dfn id=dpi>‘<code class=css>dpi</code>’</dfn>
@@ -410,10 +410,10 @@
notation</a>, <a href="#element-reference">element reference</a>, or <a
href="#gradients">gradient notation</a>. Syntactically it is defined as
- <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>
+ <pre class=prod><dfn id=image-type><image></dfn> = <i><url></i> | <a
+ href="#image-list-type"><i><image-list></i></a> | <a
+ href="#element-reference-type"><i><element-reference></i></a> | <a
+ href="#gradient-type"><i><gradient></i></a></pre>
<p>Image values can be used in many CSS properties, including the
‘<code class=property>background-image</code>’, ‘<code
@@ -500,14 +500,15 @@
<pre class=prod><dfn
- id=ltimage-list><image-list></dfn> = image( [ <image-decl> , ]* [ <image-decl> | <color> ] )
+ id=image-list-type><image-list></dfn> = image( [ <image-decl> , ]* [ <image-decl> | <color> ] )
<dfn
- id=ltimage-decl><image-decl></dfn> = <string> [ ltr | rtl ]?</pre>
+ id=image-decl-type><image-decl></dfn> = <string> [ ltr | rtl ]?</pre>
<p>Each <code><string></code> represents a <a
href="http://dev.w3.org/csswg/css3-values/#urls">URL</a>. The computed
- value of an <a href="#ltimage-list"><i><image-list></i></a> is the same
- as specified, except with all relative URLs converted into absolute URLs.
+ value of an <a href="#image-list-type"><i><image-list></i></a> is the
+ same as specified, except with all relative URLs converted into absolute
+ URLs.
<p>Multiple arguments can be given separated by commas, in which case the
function represents the first <string> representing an image that the
@@ -616,7 +617,7 @@
class=css>element()</code>’ is:
<pre class=prod><dfn
- id=ltelement-reference><element-reference></dfn> = element( <id-selector> )</pre>
+ id=element-reference-type><element-reference></dfn> = element( <id-selector> )</pre>
<p>where <id-selector> is an ID selector <a href="#SELECT"
rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>.
@@ -894,18 +895,18 @@
and many other things. The gradient notations described in this section
allow an author to specify such an image in a terse syntax, so that the UA
can generate the image automatically when rendering the page. The syntax
- of a <a href="#ltgradient"><i><gradient></i></a> is:
+ of a <a href="#gradient-type"><i><gradient></i></a> is:
- <pre class=prod><dfn id=ltgradient><gradient></dfn> = [
+ <pre class=prod><dfn id=gradient-type><gradient></dfn> = [
<a
- href="#ltlinear-gradient"><i><linear-gradient></i></a> | <a
- href="#ltradial-gradient"><i><radial-gradient></i></a> |
+ href="#linear-gradient-type"><i><linear-gradient></i></a> | <a
+ href="#radial-gradient-type"><i><radial-gradient></i></a> |
<a
- href="#ltrepeating-linear-gradient"><i><repeating-linear-gradient></i></a> | <a
- href="#ltrepeating-radial-gradient"><i><repeating-radial-gradient></i></a> ]</pre>
+ href="#repeating-linear-gradient-type"><i><repeating-linear-gradient></i></a> | <a
+ href="#repeating-radial-gradient-type"><i><repeating-radial-gradient></i></a> ]</pre>
<div class=example>
- <p>As with the other <a href="#ltimage"><i><image></i></a> types
+ <p>As with the other <a href="#image-type"><i><image></i></a> types
defined in this specification, gradients can be used in any property that
accepts images. For example:</p>
@@ -953,7 +954,7 @@
<pre class=prod><code>
<dfn
- id=ltlinear-gradient><linear-gradient></dfn> = linear-gradient(
+ id=linear-gradient-type><linear-gradient></dfn> = linear-gradient(
[ [ <angle> | to <side-or-corner> ] ,]?
<color-stop>[, <color-stop>]+
)
@@ -1116,7 +1117,7 @@
<pre>
<dfn
- id=ltradial-gradient><radial-gradient></dfn> = radial-gradient(
+ id=radial-gradient-type><radial-gradient></dfn> = radial-gradient(
[ [ <shape> || <size> ] [ at <position> ]? , |
at <position>,
]?
@@ -1133,11 +1134,11 @@
<p>The arguments are defined as follows:
<dl>
- <dt id=radial-position><dfn id=ltposition><position></dfn>
+ <dt id=radial-position><dfn id=position><position></dfn>
<dd>Determines the center of the gradient. The
<!-- FIXME a href="//www.w3.org/TR/css3-values/#position"--><a
- href="#ltposition"><i><position></i></a><!--/a--> value type (which is
+ href="#position"><i><position></i></a><!--/a--> value type (which is
also used for ‘<code
class=property>background-position</code>’) is defined in <a
href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a>, and is
@@ -1146,17 +1147,17 @@
this argument is omitted, it defaults to ‘<code
class=css>center</code>’.
- <dt id=radial-shape><dfn id=ltshape><shape></dfn>
+ <dt id=radial-shape><dfn id=shape><shape></dfn>
<dd>Can be either ‘<code class=css>circle</code>’ or
‘<code class=css>ellipse</code>’; determines whether the
gradient's <a href="#ending-shape"><i>ending shape</i></a> is a circle or
- an ellipse, respectively. If <a href="#ltshape"><i><shape></i></a> is
+ an ellipse, respectively. If <a href="#shape"><i><shape></i></a> is
omitted, the <a href="#ending-shape"><i>ending shape</i></a> defaults to
- a circle if the <a href="#ltsize"><i><size></i></a> is a single
+ a circle if the <a href="#size"><i><size></i></a> is a single
<length>, and to an ellipse otherwise.
- <dt id=radial-size><dfn id=ltsize><size></dfn>
+ <dt id=radial-size><dfn id=size><size></dfn>
<dd>
<p>Determines the size of the gradient's <a
@@ -1169,7 +1170,7 @@
<p>Both ‘<code class=css>circle</code>’ and ‘<code
class=css>ellipse</code>’ gradients accept the following keywords
- as their <a href="#ltsize"><i><size></i></a>:
+ as their <a href="#size"><i><size></i></a>:
<dl>
<dt><dfn id=radial-closest-side>‘<code
@@ -1210,9 +1211,9 @@
class=css>farthest-side</code>’ were specified.
</dl>
- <p>If <a href="#ltshape"><i><shape></i></a> is specified as
- ‘<code class=css>circle</code>’ or is omitted, the <a
- href="#ltsize"><i><size></i></a> may be given explicitly as:
+ <p>If <a href="#shape"><i><shape></i></a> is specified as ‘<code
+ class=css>circle</code>’ or is omitted, the <a
+ href="#size"><i><size></i></a> may be given explicitly as:
<dl>
<dt><dfn id=radial-size-circle><length></dfn>
@@ -1230,9 +1231,9 @@
over which dimension is used.</p>
</dl>
- <p>If <a href="#ltshape"><i><shape></i></a> is specified as
- ‘<code class=css>ellipse</code>’ or is omitted,
- <i><extent></i> may instead be given explicitly as:
+ <p>If <a href="#shape"><i><shape></i></a> is specified as ‘<code
+ class=css>ellipse</code>’ or is omitted, <i><extent></i> may
+ instead be given explicitly as:
<dl>
<dt><dfn id=radial-size-ellipse>[<length> | <percentage>]{2}</dfn>
@@ -1383,11 +1384,12 @@
class=css>repeating-radial-gradient()</code>’ notations</h3>
<p>In addition to <a
- href="#ltlinear-gradient"><i><linear-gradient></i></a> and <a
- href="#ltradial-gradient"><i><radial-gradient></i></a>, this
+ href="#linear-gradient-type"><i><linear-gradient></i></a> and <a
+ href="#radial-gradient-type"><i><radial-gradient></i></a>, this
specification defines <dfn
- id=ltrepeating-linear-gradient><repeating-linear-gradient></dfn> and
- <dfn id=ltrepeating-radial-gradient><repeating-radial-gradient></dfn>
+ id=repeating-linear-gradient-type><repeating-linear-gradient></dfn> and
+ <dfn
+ id=repeating-radial-gradient-type><repeating-radial-gradient></dfn>
values. These two notations take the same values and are interpreted the
same as their respective non-repeating siblings defined previously.
@@ -1488,7 +1490,7 @@
Color-Stops</h3>
<pre class=prod><code><dfn
- id=ltcolor-stop><color-stop></dfn> = <color> [ <percentage> | <length> ]?</code></pre>
+ id=color-stop-type><color-stop></dfn> = <color> [ <percentage> | <length> ]?</code></pre>
<p>Color-stops are points placed along the line defined by the <a
href="#gradient-line"><i>gradient line</i></a> at the beginning of the
@@ -1701,7 +1703,7 @@
href="#default-object-size"><i>default object size</i></a> of properties
and contexts that appear in CSS 2.1, plus ‘<code
class=property>border-image</code>’ from CSS 3 Backgrounds &
- Borders. Newer modules that accept an ‘<a href="#ltimage"><code
+ Borders. Newer modules that accept an ‘<a href="#image-type"><code
class=css><image></code></a>’ component value in a new context
must define the <a href="#default-object-size"><i>default object
size</i></a> in that context.</p>
@@ -2100,7 +2102,7 @@
class=property>object-position</code></a>’ property determines the
alignment of the replaced element inside its box. The
<!-- FIXME a href="//www.w3.org/TR/css3-values/#position"--><a
- href="#ltposition"><i><position></i></a><!--/a--> value type (which is
+ href="#position"><i><position></i></a><!--/a--> value type (which is
also used for ‘<code
class=property>background-position</code>’) is defined in <a
href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{!CSS3VAL}}--></a>, and is
@@ -2192,7 +2194,7 @@
meanings:
<dl>
- <dt>‘<a href="#ltresolution"><code
+ <dt>‘<a href="#resolution-type"><code
class=css><resolution></code></a>’
<dd>Specifies the intrinsic resolution explicitly.
@@ -2207,7 +2209,7 @@
<dt>‘<code class=css>snap</code>’
<dd>If the "snap" keyword is provided, the computed ‘<a
- href="#ltresolution"><code class=css><resolution></code></a>’
+ href="#resolution-type"><code class=css><resolution></code></a>’
(if any) is the specified resolution rounded to the nearest value that
would map one image pixel to an integer number of device pixels. If the
resolution is taken from the image, then the used intrinsic resolution is
@@ -2726,7 +2728,7 @@
href="#radial-closest-side"
title="''closest-side''"><strong>4.2.1.</strong></a>
- <li><color-stop>, <a href="#ltcolor-stop"
+ <li><color-stop>, <a href="#color-stop-type"
title="<color-stop>"><strong>4.4.</strong></a>
<li>concrete object size, <a href="#concrete-object-size"
@@ -2744,7 +2746,7 @@
<li>‘<code class=css>dppx</code>’, <a href="#dppx"
title="''dppx''"><strong>2.</strong></a>
- <li><element-reference>, <a href="#ltelement-reference"
+ <li><element-reference>, <a href="#element-reference-type"
title="<element-reference>"><strong>3.3.</strong></a>
<li>ending shape, <a href="#ending-shape"
@@ -2758,7 +2760,7 @@
href="#radial-farthest-side"
title="''farthest-side''"><strong>4.2.1.</strong></a>
- <li><gradient>, <a href="#ltgradient"
+ <li><gradient>, <a href="#gradient-type"
title="<gradient>"><strong>4.</strong></a>
<li>gradient-average-color, <a
@@ -2774,13 +2776,13 @@
<li>gradient ray, <a href="#gradient-ray"
title="gradient ray"><strong>4.2.2.</strong></a>
- <li><image>, <a href="#ltimage"
+ <li><image>, <a href="#image-type"
title="<image>"><strong>3.</strong></a>
- <li><image-decl>, <a href="#ltimage-decl"
+ <li><image-decl>, <a href="#image-decl-type"
title="<image-decl>"><strong>3.2.</strong></a>
- <li><image-list>, <a href="#ltimage-list"
+ <li><image-list>, <a href="#image-list-type"
title="<image-list>"><strong>3.2.</strong></a>
<li>image-orientation, <a href="#image-orientation0"
@@ -2810,7 +2812,7 @@
<li>[<length> | <percentage>]{2}, <a href="#radial-size-ellipse"
title="[<length> | <percentage>]{2}"><strong>4.2.1.</strong></a>
- <li><linear-gradient>, <a href="#ltlinear-gradient"
+ <li><linear-gradient>, <a href="#linear-gradient-type"
title="<linear-gradient>"><strong>4.1.1.</strong></a>
<li>object-fit, <a href="#object-fit0"
@@ -2824,31 +2826,33 @@
<li>paint-source, <a href="#paint-source"
title=paint-source><strong>#</strong></a>
- <li><position>, <a href="#ltposition"
+ <li><position>, <a href="#position"
title="<position>"><strong>4.2.1.</strong></a>
- <li><radial-gradient>, <a href="#ltradial-gradient"
+ <li><radial-gradient>, <a href="#radial-gradient-type"
title="<radial-gradient>"><strong>4.2.1.</strong></a>
<li>renderer, <a href="#renderer" title=renderer><strong>7.2.</strong></a>
- <li><repeating-linear-gradient>, <a href="#ltrepeating-linear-gradient"
+ <li><repeating-linear-gradient>, <a
+ href="#repeating-linear-gradient-type"
title="<repeating-linear-gradient>"><strong>4.3.</strong></a>
- <li><repeating-radial-gradient>, <a href="#ltrepeating-radial-gradient"
+ <li><repeating-radial-gradient>, <a
+ href="#repeating-radial-gradient-type"
title="<repeating-radial-gradient>"><strong>4.3.</strong></a>
- <li><resolution>, <a href="#ltresolution"
+ <li><resolution>, <a href="#resolution-type"
title="<resolution>"><strong>2.</strong></a>
- <li><shape>, <a href="#ltshape"
+ <li><shape>, <a href="#shape"
title="<shape>"><strong>4.2.1.</strong></a>
<li><side-or-corner>, <a href="#side-or-corner"
title="<side-or-corner>"><strong>4.1.1.</strong></a>
- <li><size>, <a href="#ltsize"
+ <li><size>, <a href="#size"
title="<size>"><strong>4.2.1.</strong></a>
<li>specified size, <a href="#specified-size"
Index: lc-issues-1.txt
===================================================================
RCS file: /sources/public/csswg/css3-images/lc-issues-1.txt,v
retrieving revision 1.9
retrieving revision 1.10
diff -u -d -r1.9 -r1.10
--- lc-issues-1.txt 11 Feb 2012 01:44:44 -0000 1.9
+++ lc-issues-1.txt 17 Feb 2012 22:46:40 -0000 1.10
@@ -84,4 +84,11 @@
From: Kenny Lu
Comment: http://lists.w3.org/Archives/Public/www-style/2012Feb/0394.html
Response:
+Closed: Accepted
+----
+Issue 13.
+Summary: image() should specify that its computed value has all absolute urls.
+From: Kennu Lu
+Comment: http://lists.w3.org/Archives/Public/www-style/2012Feb/0393.html
+Response:
Closed: Accepted
\ No newline at end of file
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.297
retrieving revision 1.298
diff -u -d -r1.297 -r1.298
--- Overview.src.html 16 Feb 2012 00:08:55 -0000 1.297
+++ Overview.src.html 17 Feb 2012 22:46:40 -0000 1.298
@@ -116,7 +116,7 @@
<h2 id='resolution-units'>
Resolution Units: the <resolution> type</h2>
- <p>This specification defines the following units as part of the <dfn><resolution></dfn>
+ <p>This specification defines the following units as part of the <dfn id='resolution-type'><resolution></dfn>
value type:</p>
<dl>
@@ -157,7 +157,7 @@
<a href="#element-reference">element reference</a>, or <a href="#gradients">gradient notation</a>.
Syntactically it is defined as
- <pre class="prod"><dfn><image></dfn> = <i><url></i> | <i><image-list></i> | <i><element-reference></i> | <i><gradient></i></pre>
+ <pre class="prod"><dfn id='image-type'><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]].
@@ -224,8 +224,8 @@
<p>The ''image()'' notation is defined as:
- <pre class='prod'><dfn><image-list></dfn> = image( [ <image-decl> , ]* [ <image-decl> | <color> ] )
-<dfn><image-decl></dfn> = <string> [ ltr | rtl ]?</pre>
+ <pre class='prod'><dfn id='image-list-type'><image-list></dfn> = image( [ <image-decl> , ]* [ <image-decl> | <color> ] )
+<dfn id='image-decl-type'><image-decl></dfn> = <string> [ ltr | rtl ]?</pre>
<p>Each <code><string></code> represents a <a href="http://dev.w3.org/csswg/css3-values/#urls">URL</a>. The computed value of an <i><image-list></i> is the same as specified, except with all relative URLs converted into absolute URLs.</p>
@@ -288,7 +288,7 @@
<p>The ''element()'' function allows an author to use an element in the document as an image. As the referenced element changes appearance, the image changes as well. This can be used, for example, to create live previews of the next/previous slide in a slideshow, or to reference a canvas element for a fancy generated gradient or even an animated background. The syntax for ''element()'' is:</p>
- <pre class=prod><dfn><element-reference></dfn> = element( <id-selector> )</pre>
+ <pre class=prod><dfn id='element-reference-type'><element-reference></dfn> = element( <id-selector> )</pre>
<p>where <id-selector> is an ID selector [[!SELECT]].</p>
@@ -494,7 +494,7 @@
automatically when rendering the page.
The syntax of a <i><gradient></i> is:</p>
- <pre class=prod><dfn><gradient></dfn> = [
+ <pre class=prod><dfn id='gradient-type'><gradient></dfn> = [
<i><linear-gradient></i> | <i><radial-gradient></i> |
<i><repeating-linear-gradient></i> | <i><repeating-radial-gradient></i> ]</pre>
@@ -532,7 +532,7 @@
linear-gradient() syntax</h4>
<pre class=prod><code>
-<dfn><linear-gradient></dfn> = linear-gradient(
+<dfn id='linear-gradient-type'><linear-gradient></dfn> = linear-gradient(
[ [ <angle> | to <side-or-corner> ] ,]?
<color-stop>[, <color-stop>]+
)
@@ -658,7 +658,7 @@
<p>The radial gradient syntax is defined as follows:
<pre>
-<dfn><radial-gradient></dfn> = radial-gradient(
+<dfn id='radial-gradient-type'><radial-gradient></dfn> = radial-gradient(
[ [ <shape> || <size> ] [ at <position> ]? , |
at <position>,
]?
@@ -675,17 +675,17 @@
<dl>
- <dt id='radial-position'><dfn><position></dfn></dt>
+ <dt id='radial-position'><dfn id='position'><position></dfn></dt>
<dd>Determines the center of the gradient. The <!-- FIXME a href="//www.w3.org/TR/css3-values/#position"--><i><position></i><!--/a--> value type (which is also used for 'background-position') is defined in [[!CSS3VAL]], and is resolved using the center-point as the object area and the <i>gradient box</i> as the positioning area. If this argument is omitted, it defaults to ''center''.
- <dt id='radial-shape'><dfn><shape></dfn></dt>
+ <dt id='radial-shape'><dfn id='shape'><shape></dfn></dt>
<dd>Can be either ''circle'' or ''ellipse''; determines whether the
gradient's <i>ending shape</i> is a circle or an ellipse, respectively.
If <i><shape></i> is omitted, the <i>ending shape</i> defaults
to a circle if the <i><size></i> is a single <length>,
and to an ellipse otherwise.
- <dt id='radial-size'><dfn><size></dfn>
+ <dt id='radial-size'><dfn id='size'><size></dfn>
<dd>
<p>Determines the size of the gradient's <i>ending shape</i>. If
omitted it defaults to ''farthest-corner''. It can be given explicitly or
@@ -836,8 +836,8 @@
Repeating Gradients: the ''repeating-linear-gradient()'' and ''repeating-radial-gradient()'' notations</h3>
<p>In addition to <i><linear-gradient></i> and <i><radial-gradient></i>,
- this specification defines <dfn><repeating-linear-gradient></dfn> and
- <dfn><repeating-radial-gradient></dfn> values. These two notations take the
+ this specification defines <dfn id='repeating-linear-gradient-type'><repeating-linear-gradient></dfn> and
+ <dfn id='repeating-radial-gradient-type'><repeating-radial-gradient></dfn> values. These two notations take the
same values and are interpreted the same as their respective non-repeating
siblings defined previously.</p>
@@ -896,7 +896,7 @@
<h3 id='color-stop-syntax'>
Gradient Color-Stops</h3>
- <pre class=prod><code><dfn><color-stop></dfn> = <color> [ <percentage> | <length> ]?</code></pre>
+ <pre class=prod><code><dfn id='color-stop-type'><color-stop></dfn> = <color> [ <percentage> | <length> ]?</code></pre>
<p>Color-stops are points placed along the line defined by the <i>gradient line</i>
at the beginning of the rule. Color-stops must be specified in order.
Received on Friday, 17 February 2012 22:46:44 UTC