Skip to content

Commit 4505d1b

Browse files
atanassovatanassov
committed
Updated comments for the grammar values of the shape properties
1 parent bf6b7cb commit 4505d1b

2 files changed

Lines changed: 50 additions & 58 deletions

File tree

‎css3-exclusions/Exclusions.src.html‎

Lines changed: 23 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -824,31 +824,35 @@ <h3 id="shapes-from-svg-syntax">Shapes from SVG Syntax</h3>
824824
<h4 id="supported-svg-shapes">Supported SVG Shapes</h4>
825825
The following SVG shapes are supported by the CSS shapes module.
826826
<dl>
827-
<dt>rectangle(&lt;length&gt;{4} [&lt;'border-corner-shape'&gt; &lt;length&gt;{1,2}]? )</dt>
827+
<dt>rectangle(&lt;length&gt;{4} [ curve &lt;length&gt;{1,2} ]? )</dt>
828828
<dd>
829829
<ul>
830-
<li><strong>x, y, width and height</strong> - define the bounding box of the rectangle</li>
831-
<li><strong>rx</strong> - For rounded rectangles, the x-axis radius of the ellipse used
832-
to round off the corners of the rectangle</li>
833-
<li><strong>ry</strong> - For rounded rectangles, the y-axis radius of the ellipse used
834-
to round off the corners of the rectangle</li>
830+
<li>The four values represent <strong>x, y, width and height</strong> - define the bounding box of the rectangle</li>
831+
<li>
832+
The two 'curve' values represent <strong>
833+
rx</strong> and <strong>ry</strong> - define the rounded rectangles, the <strong>x</strong>
834+
and <strong>y</strong> axis and radius of the ellipse used to round off the corners
835+
of the rectangle
836+
</li>
835837
</ul>
836838
</dd>
837-
<dt>circle(&lt;lentgh&gt;{3})</dt>
839+
<dt>circle(&lt;length&gt;{3})</dt>
838840
<dd>
839841
<ul>
840-
<li><strong>cx</strong> - The x-axis coordinate of the center of the circle</li>
841-
<li><strong>cy</strong> - The y-axis coordinate of the center of the circle</li>
842-
<li><strong>r</strong> - The radius of the circle</li>
842+
<li>
843+
The three values values represent <strong>cx</strong>, <strong>cy</strong>,
844+
<strong>r</strong> - The <strong>x</strong> and <strong>y</strong> axis coordinate
845+
of the center of the circle and the radius of the circle
846+
</li>
843847
</ul>
844848
</dd>
845-
<dt>ellipse(&lt;lentgh&gt;{4})</dt>
849+
<dt>ellipse(&lt;length&gt;{4})</dt>
846850
<dd>
847851
<ul>
848-
<li><strong>cx</strong> - The x-axis coordinate of the center of the ellipse</li>
849-
<li><strong>cy</strong> - The y-axis coordinate of the center of the ellipse</li>
850-
<li><strong>rx</strong> - The x-axis radius of the ellipse</li>
851-
<li><strong>ry</strong> - The y-axis radius of the ellipse</li>
852+
<li>The four values represent <strong>cx</strong>, <strong>cy</strong>, <strong>rx</strong> and <strong>ry</strong> -
853+
The <strong>x</strong> and <strong>y</strong> coordinate of the center of the ellipse and
854+
the <strong>x</strong> and <strong>y</strong> axis radius of the ellipse
855+
</li>
852856
</ul>
853857
</dd>
854858
<dt>polygon([&lt;fill-rule&gt;,]? &lt;length&gt;{2}#)</dt>
@@ -857,8 +861,10 @@ <h4 id="supported-svg-shapes">Supported SVG Shapes</h4>
857861
<li><strong>fillRule</strong> - The filling rule used to determine the interior of the
858862
polygon. See fill-rule property in SVG for details. Possible values are nonzero
859863
or evenodd. Default value when omitted is nonzero.</li>
860-
<li><strong>xi</strong> - The x-axis coordinate of the i-th vertex of the polygon</li>
861-
<li><strong>yi</strong> - The y-axis coordinate of the i-th vertex of the polygon</li>
864+
<li>
865+
The two length values represent <strong>xi</strong> and <strong>yi</strong> -
866+
The <strong>x</strong> and <strong>y</strong> axis coordinate of the i-th vertex of the polygon and
867+
</li>
862868
</ul>
863869
<p>
864870
If the polygon is not closed the user-agent will automatically add a new vertex

‎css3-exclusions/Overview.html‎

Lines changed: 27 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -116,15 +116,15 @@
116116

117117
<h1 id=css-exclusions-module>CSS Exclusions and Shapes Module Level 3</h1>
118118

119-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 7 February
119+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 8 February
120120
2012</h2>
121121

122122
<dl>
123123
<dt>This version:
124124

125125
<dd><a
126126
href="http://dev.w3.org/csswg/css3-exclusions/">http://dev.w3.org/csswg/css3-exclusions/</a></dd>
127-
<!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-exclusions-20120207/">http://www.w3.org/TR/2012/WD-css3-exclusions-20120207/</a></dd>-->
127+
<!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-exclusions-20120208/">http://www.w3.org/TR/2012/WD-css3-exclusions-20120208/</a></dd>-->
128128

129129
<dt>Latest version:
130130

@@ -1189,53 +1189,40 @@ <h4 id=supported-svg-shapes><span class=secno>4.1.1. </span>Supported SVG
11891189
are supported by the CSS shapes module.
11901190

11911191
<dl>
1192-
<dt>rectangle(&lt;length&gt;{4} [&lt;&lsquo;<code
1193-
class=property>border-corner-shape</code>&rsquo;&gt;
1194-
&lt;length&gt;{1,2}]? )
1192+
<dt>rectangle(&lt;length&gt;{4} [ curve &lt;length&gt;{1,2} ]? )
11951193

11961194
<dd>
11971195
<ul>
1198-
<li id=x-y-width-and-height--define-the-boundin><strong>x, y, width and
1199-
height</strong> - define the bounding box of the rectangle
1200-
1201-
<li id=rx--for-rounded-rectangles-the-x-axis-ra><strong>rx</strong> -
1202-
For rounded rectangles, the x-axis radius of the ellipse used to round
1203-
off the corners of the rectangle
1204-
1205-
<li id=ry--for-rounded-rectangles-the-y-axis-ra><strong>ry</strong> -
1206-
For rounded rectangles, the y-axis radius of the ellipse used to round
1207-
off the corners of the rectangle
1196+
<li id=the-four-values-represent-x-y-width-and->The four values
1197+
represent <strong>x, y, width and height</strong> - define the bounding
1198+
box of the rectangle
1199+
1200+
<li id=the-two-curve-values-represent-rx-and-ry> The two &lsquo;<code
1201+
class=property>curve</code>&rsquo; values represent <strong>
1202+
rx</strong> and <strong>ry</strong> - define the rounded rectangles,
1203+
the <strong>x</strong> and <strong>y</strong> axis and radius of the
1204+
ellipse used to round off the corners of the rectangle
12081205
</ul>
12091206

1210-
<dt>circle(&lt;lentgh&gt;{3})
1207+
<dt>circle(&lt;length&gt;{3})
12111208

12121209
<dd>
12131210
<ul>
1214-
<li id=cx--the-x-axis-coordinate-of-the-center-><strong>cx</strong> -
1215-
The x-axis coordinate of the center of the circle
1216-
1217-
<li id=cy--the-y-axis-coordinate-of-the-center-><strong>cy</strong> -
1218-
The y-axis coordinate of the center of the circle
1219-
1220-
<li id=r--the-radius-of-the-circle><strong>r</strong> - The radius of
1221-
the circle
1211+
<li id=the-three-values-values-represent-cx-cy-> The three values values
1212+
represent <strong>cx</strong>, <strong>cy</strong>, <strong>r</strong>
1213+
- The <strong>x</strong> and <strong>y</strong> axis coordinate of the
1214+
center of the circle and the radius of the circle
12221215
</ul>
12231216

1224-
<dt>ellipse(&lt;lentgh&gt;{4})
1217+
<dt>ellipse(&lt;length&gt;{4})
12251218

12261219
<dd>
12271220
<ul>
1228-
<li id=cx--the-x-axis-coordinate-of-the-center-0><strong>cx</strong> -
1229-
The x-axis coordinate of the center of the ellipse
1230-
1231-
<li id=cy--the-y-axis-coordinate-of-the-center-0><strong>cy</strong> -
1232-
The y-axis coordinate of the center of the ellipse
1233-
1234-
<li id=rx--the-x-axis-radius-of-the-ellipse><strong>rx</strong> - The
1235-
x-axis radius of the ellipse
1236-
1237-
<li id=ry--the-y-axis-radius-of-the-ellipse><strong>ry</strong> - The
1238-
y-axis radius of the ellipse
1221+
<li id=the-four-values-represent-cx-cy-rx-and-r>The four values
1222+
represent <strong>cx</strong>, <strong>cy</strong>, <strong>rx</strong>
1223+
and <strong>ry</strong> - The <strong>x</strong> and <strong>y</strong>
1224+
coordinate of the center of the ellipse and the <strong>x</strong> and
1225+
<strong>y</strong> axis radius of the ellipse
12391226
</ul>
12401227

12411228
<dt>polygon([&lt;fill-rule&gt;,]? &lt;length&gt;{2}#)
@@ -1248,11 +1235,10 @@ <h4 id=supported-svg-shapes><span class=secno>4.1.1. </span>Supported SVG
12481235
fill-rule property in SVG for details. Possible values are nonzero or
12491236
evenodd. Default value when omitted is nonzero.
12501237

1251-
<li id=xi--the-x-axis-coordinate-of-the-i-th-ve><strong>xi</strong> -
1252-
The x-axis coordinate of the i-th vertex of the polygon
1253-
1254-
<li id=yi--the-y-axis-coordinate-of-the-i-th-ve><strong>yi</strong> -
1255-
The y-axis coordinate of the i-th vertex of the polygon
1238+
<li id=the-two-length-values-represent-xi-and-y> The two length values
1239+
represent <strong>xi</strong> and <strong>yi</strong> - The
1240+
<strong>x</strong> and <strong>y</strong> axis coordinate of the i-th
1241+
vertex of the polygon and
12561242
</ul>
12571243

12581244
<p id=if-the-polygon-is-not-closed-the-user-ag> If the polygon is not

0 commit comments

Comments
 (0)