Skip to content

Commit df00e8b

Browse files
committed
[css-shapes] use SVG rules for edge cases in rounded rect radii
1 parent d5911fb commit df00e8b

2 files changed

Lines changed: 27 additions & 14 deletions

File tree

css-shapes/Overview.html

Lines changed: 20 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
rel=dcterms.rights>
1313
<meta content="CSS Shapes Module Level 1" name=dcterms.title>
1414
<meta content=text name=dcterms.type>
15-
<meta content=2013-05-20 name=dcterms.date>
15+
<meta content=2013-06-05 name=dcterms.date>
1616
<meta content="Vincent Hardy" name=dcterms.creator>
1717
<meta content="Rossen Atanassov" name=dcterms.creator>
1818
<meta content="Alan Stearns" name=dcterms.creator>
@@ -55,14 +55,14 @@
5555

5656
<h1 id=css-shapes-module>CSS Shapes Module Level 1</h1>
5757

58-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 20 May 2013</h2>
58+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 5 June 2013</h2>
5959

6060
<dl>
6161
<dt>This version:
6262

6363
<dd><a
6464
href="http://dev.w3.org/csswg/css-shapes/">http://dev.w3.org/csswg/css-shapes/</a></dd>
65-
<!--<dd><a href="http://dev.w3.org/csswg/css-shapes/">http://www.w3.org/TR/2013/WD-css-shapes-20130520/</a></dd>-->
65+
<!--<dd><a href="http://dev.w3.org/csswg/css-shapes/">http://www.w3.org/TR/2013/WD-css-shapes-20130605/</a></dd>-->
6666

6767
<dt>Latest version:
6868

@@ -377,7 +377,14 @@ <h4 id=supported-basic-shapes><span class=secno>3.2.1. </span>Supported
377377
<strong> rx</strong> and <strong>ry</strong>. For rounded rectangles
378378
they define the x-axis radius and y-axis radius of the ellipse used to
379379
round off the corners of the rectangle. Negative values for rx and ry
380-
are invalid.
380+
are invalid. Implicit values may apply if one or the other of these
381+
values are unspecified or invalid, and clamping may occur if a
382+
specified value would result in a negative straight rectangle segment.
383+
The corner radii rules in <a
384+
href="http://www.w3.org/TR/SVG/shapes.html#RectElement">the ‘<code
385+
class=property>rect</code>’ element</a> in the SVG recommendation
386+
define these edge cases <a href="#SVG11"
387+
rel=biblioentry>[SVG11]<!--{{!SVG11}}--></a>.
381388
</ul>
382389

383390
<dt><dfn
@@ -719,7 +726,7 @@ <h4 id=shape-outside-property><span class=secno>3.4.1. </span>The ‘<a
719726
</dl>
720727

721728
<dl>
722-
<dt><dfn id=basic-shape
729+
<dt><dfn id=ltbasic-shapegt
723730
title="'shape-outside'!!'&lt;basic-shape&gt;'">&lt;basic-shape&gt;</dfn>
724731

725732
<dd> The shape is computed based on the values of one of ‘<a
@@ -732,7 +739,7 @@ <h4 id=shape-outside-property><span class=secno>3.4.1. </span>The ‘<a
732739
</dl>
733740

734741
<dl>
735-
<dt><dfn id=uri
742+
<dt><dfn id=lturigt
736743
title="'shape-outside'!!'&lt;uri&gt;'">&lt;uri&gt;</dfn>
737744

738745
<dd> If the &lt;uri&gt; references
@@ -803,7 +810,7 @@ <h4 id=shape-image-threshold-property><span class=secno>3.4.2. </span>The
803810
<p>The values of this property have the following meanings:
804811

805812
<dl>
806-
<dt><dfn id=alphavalue
813+
<dt><dfn id=ltalphavaluegt
807814
title="'shape-image-threshold'!!'&lt;alphavalue&gt;'">&lt;alphavalue&gt;</dfn>
808815

809816
<dd> A &lt;number&gt; value used to set the threshold used for extracting
@@ -1048,10 +1055,10 @@ <h3 class=no-num id=normative-references>Normative references</h3>
10481055
<dt id=CSS3VAL>[CSS3VAL]
10491056

10501057
<dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a
1051-
href="http://www.w3.org/TR/2012/CR-css3-values-20120828/"><cite>CSS
1052-
Values and Units Module Level 3.</cite></a> 28 August 2012. W3C Candidate
1058+
href="http://www.w3.org/TR/2013/CR-css3-values-20130404/"><cite>CSS
1059+
Values and Units Module Level 3.</cite></a> 4 April 2013. W3C Candidate
10531060
Recommendation. (Work in progress.) URL: <a
1054-
href="http://www.w3.org/TR/2012/CR-css3-values-20120828/">http://www.w3.org/TR/2012/CR-css3-values-20120828/</a>
1061+
href="http://www.w3.org/TR/2013/CR-css3-values-20130404/">http://www.w3.org/TR/2013/CR-css3-values-20130404/</a>
10551062
</dd>
10561063
<!---->
10571064

@@ -1117,7 +1124,7 @@ <h2 class=no-num id=index>Index</h2>
11171124
<li>'shape-image-threshold', <a href="#shape-image-threshold"
11181125
title="section 3.4.2."><strong>3.4.2.</strong></a>
11191126
<ul>
1120-
<li>'&lt;alphavalue&gt;', <a href="#alphavalue"
1127+
<li>'&lt;alphavalue&gt;', <a href="#ltalphavaluegt"
11211128
title="section 3.4.2."><strong>3.4.2.</strong></a>
11221129
</ul>
11231130

@@ -1130,10 +1137,10 @@ <h2 class=no-num id=index>Index</h2>
11301137
<li>'auto', <a href="#auto"
11311138
title="section 3.4.1."><strong>3.4.1.</strong></a>
11321139

1133-
<li>'&lt;basic-shape&gt;', <a href="#basic-shape"
1140+
<li>'&lt;basic-shape&gt;', <a href="#ltbasic-shapegt"
11341141
title="section 3.4.1."><strong>3.4.1.</strong></a>
11351142

1136-
<li>'&lt;uri&gt;', <a href="#uri"
1143+
<li>'&lt;uri&gt;', <a href="#lturigt"
11371144
title="section 3.4.1."><strong>3.4.1.</strong></a>
11381145
</ul>
11391146

css-shapes/Overview.src.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -256,7 +256,13 @@ <h4 id="supported-basic-shapes">Supported Shapes</h4>
256256
the x-axis radius and y-axis radius
257257
of the ellipse used to round off
258258
the corners of the rectangle.
259-
Negative values for rx and ry are invalid.
259+
Negative values for rx and ry are invalid.
260+
Implicit values may apply if one or the other
261+
of these values are unspecified or invalid,
262+
and clamping may occur if a specified value
263+
would result in a negative straight rectangle segment.
264+
The corner radii rules in <a href="http://www.w3.org/TR/SVG/shapes.html#RectElement">the 'rect' element</a>
265+
in the SVG recommendation define these edge cases [[!SVG11]].
260266
</li>
261267
</ul>
262268
</dd>

0 commit comments

Comments
 (0)