- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 08 Nov 2011 23:33:30 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-images
In directory hutz:/tmp/cvs-serv32740
Modified Files:
Overview.src.html
Log Message:
Formatting fixup.
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-images/Overview.src.html,v
retrieving revision 1.193
retrieving revision 1.194
diff -u -d -r1.193 -r1.194
--- Overview.src.html 8 Nov 2011 23:22:08 -0000 1.193
+++ Overview.src.html 8 Nov 2011 23:33:28 -0000 1.194
@@ -556,63 +556,73 @@
)</pre>
<p>The arguments are defined as follows:
+
<dl>
- <dt id=radial-shape><dfn><shape></dfn></dt>
+ <dt id='radial-shape'><dfn><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 the <shape> is omitted it defaults to ''ellipse''.
+ gradient's <i>ending shape</i> is a circle or an ellipse, respectively.
+ If the <shape> is omitted it defaults to ''ellipse''.
- <dt id=radial-position><dfn><position></dfn></dt>
+ <dt id='radial-position'><dfn><position></dfn></dt>
<dd>Determines the center of the gradient. The <i><position></i> notation
- is defined as the positioning syntax of
- '<a href="http://www.w3.org/TR/css3-background/#the-background-position">background-position</a>'
- and is resolved in the same way, using the center-point as the subject and
- the content box as the positioning area. [[!CSS21]] [[!CSS3BG]]
- If this argument is omitted, it defaults to ''center''.
+ is defined as the positioning syntax of
+ '<a href="http://www.w3.org/TR/css3-background/#the-background-position">background-position</a>'
+ and is resolved in the same way, using the center-point as the subject and
+ the content box as the positioning area. [[!CSS21]] [[!CSS3BG]]
+ If this argument is omitted, it defaults to ''center''.
- <dt id=radial-extent><dfn><extent></dfn>
- <dd><p>Determines the size of the gradient's <i>ending shape</i>. If
+ <dt id='radial-extent'><dfn><extent></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
by keyword. For the purpose of the keyword definitions, consider the
box edges as extending infinitely in both directions, rather than
being finite line segments.
+
<p>Both ''circle'' and ''ellipse'' gradients accept the following keywords
as their <i><extent></i>:
+
<dl>
<dt><dfn id='radial-closest-side'>''closest-side''</dfn></dt>
<dd>The <i>ending shape</i> is sized so that that it exactly meets the
- side of the box closest to the gradient's center. If the shape is an
- ellipse, it exactly meets the closest side in both dimensions.</p>
+ side of the box closest to the gradient's center. If the shape is an
+ ellipse, it exactly meets the closest side in both dimensions.</dd>
+
<dt><dfn id='radial-farthest-side'>''farthest-side''</dfn></dt>
<dd>Same as ''closest-side'', except the <i>ending shape</i> is sized
- based on the farthest side(s).</dd>
+ based on the farthest side(s).</dd>
+
<dt><dfn id='radial-closest-corner'>''closest-corner''</dfn></dt>
<dd>The <i>ending shape</i> is sized so that that it passes through the
- corner of the box closest to the gradient's center. If the shape is an
- ellipse, the <i>ending shape</i> is given the same aspect-ratio
- it would have if ''closest-side'' were specified.
- </dd>
+ corner of the box closest to the gradient's center. If the shape is an
+ ellipse, the <i>ending shape</i> is given the same aspect-ratio
+ it would have if ''closest-side'' were specified.
+
<dt><dfn id='radial-farthest-corner'>''farthest-corner''</dfn></dt>
<dd>Same as ''closest-corner'', except the <i>ending shape</i> is be
- sized based on the farthest corner. If the shape is an ellipse,
- the <i>ending shape</i> is given the same aspect ratio it would
- have if ''farthest-side'' were specified.
+ sized based on the farthest corner. If the shape is an ellipse,
+ the <i>ending shape</i> is given the same aspect ratio it would
+ have if ''farthest-side'' were specified.
</dl>
+
<p>For ''circle'' gradients, <i><extent></i> may instead be given
explicitly as:
+
<dl>
<dt><dfn id='radial-size-circle'><length></dfn></dt>
<dd>Gives the radius of the circle explicitly. Negative values are
- not allowed.
+ not allowed.
</dl>
+
<p>For ''ellipse'' gradients, <i><extent></i> may instead be given
explicitly as:
+
<dl>
<dt><dfn id='radial-size-circle'>[<length> | <percentage>]{2}</dfn></dt>
<dd>Gives the size of the ellipse explicitly. The first value represents
- the horizontal radius, the second the vertical radius. Percentages
- values are relative to the corresponding dimension of the box.
- Negative values are not allowed.
+ the horizontal radius, the second the vertical radius. Percentages
+ values are relative to the corresponding dimension of the box.
+ Negative values are not allowed.
</dl>
</dd>
</dl>
Received on Tuesday, 8 November 2011 23:33:36 UTC