FFFF [css-shapes] <basic-shape> changes from TPAC · w3c/csswg-drafts@6cdac25 · GitHub
Skip to content

Commit 6cdac25

Browse files
astearnsastearns
committed
[css-shapes] <basic-shape> changes from TPAC
1 parent 2876986 commit 6cdac25

4 files changed

Lines changed: 428 additions & 383 deletions

File tree

‎css-shapes-2/Overview.html‎

Lines changed: 29 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
rel=dcterms.rights>
1313
<meta content="CSS Shapes Module Level 2" name=dcterms.title>
1414
<meta content=text name=dcterms.type>
15-
<meta content=2013-10-01 name=dcterms.date>
15+
<meta content=2013-11-11 name=dcterms.date>
1616
<meta content="Alan Stearns" name=dcterms.creator>
1717
<meta content=W3C name=dcterms.publisher>
1818
<meta content="http://dev.w3.org/csswg/www-style/" name=dcterms.identifier><!--<script src='http://test.csswg.org/harness/annotate.js#css-shapes_DEV' type='text/javascript' defer></script>-->
@@ -46,7 +46,7 @@
4646

4747
<h1 id=css-shapes-module>CSS Shapes Module Level 2</h1>
4848

49-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 1 October 2013</h2>
49+
<h2 class="no-num no-toc">Editor's Draft 11 November 2013</h2>
5050

5151
<dl>
5252
<dt>This version:
@@ -109,7 +109,7 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
109109

110110
<p>This draft contains the features of CSS relating to wrapping content
111111
around and inside shapes. It (implicitly for now) includes and extends the
112-
functionality of CSS Shapes Level 1 <a href="#CSS-SHAPES"
112+
functionality of CSS Shapes Level 1 <a href="#ref-CSS-SHAPES"
113113
rel=biblioentry>[CSS-SHAPES]<!--{{CSS-SHAPES}}--></a>. The main points of
114114
extension compared to level 1 include additional ways of defining shapes,
115115
defining an exclusion area using a shape, and restricting an element's
@@ -277,7 +277,26 @@ <h3 id=basic-shapes-from-svg-syntax><span class=secno>3.1. </span>Basic
277277

278278
<p>Add the final <a
279279
href="http://www.w3.org/TR/css-shapes/#basic-shapes-from-svg-syntax">level
280-
1</a> section with a possible addition of path().
280+
1</a> section with a possible addition of path() and a rejiggered
281+
rectangle().
282+
283+
<dl>
284+
<dt><dfn id=rectangle>rectangle()</dfn> = rectangle( &lt;<shape-arg>>{4} [
285+
round &lt;&lt;‘<code class=property>border-radius</code>’>> ]? )
286+
</shape-arg>
287+
288+
<dd>
289+
<ul>
290+
<li> The first four arguments represent <strong>x, y, width</strong> and
291+
<strong>height</strong> of the rectangle. Negative values for width and
292+
height are invalid.
293+
294+
<li> The optional &lt;&lt;‘<code
295+
class=property>border-radius</code>’>> argument(s) define rounded
296+
corners for the rectangle using the ‘<code
297+
class=property>border-radius</code>’ shorthand syntax.
298+
</ul>
299+
</dl>
281300

282301
<div class="issue-marker wrapper">
283302
<div class=issue-marker data-bug_id=16448 data-bug_status=ASSIGNED> <a
@@ -638,7 +657,7 @@ <h3 class=no-ref id=conventions> Document conventions</h3>
638657

639658
<p>All of the text of this specification is normative except sections
640659
explicitly marked as non-normative, examples, and notes. <a
641-
href="#RFC2119" rel=biblioentry>[RFC2119]<!--{{!RFC2119}}--></a>
660+
href="#ref-RFC2119" rel=biblioentry>[RFC2119]<!--{{!RFC2119}}--></a>
642661

643662
<p>Examples in this specification are introduced with the words “for
644663
example” or are set apart from the normative text with
@@ -760,7 +779,7 @@ <h3 class=no-num id=normative-references>Normative references</h3>
760779
<dd style="display: none"><!-- keeps the doc valid if the DL is empty -->
761780
<!---->
762781

763-
<dt id=RFC2119>[RFC2119]
782+
<dt id=ref-RFC2119>[RFC2119]
764783

765784
<dd>S. Bradner. <a href="http://www.ietf.org/rfc/rfc2119.txt"><cite>Key
766785
words for use in RFCs to Indicate Requirement Levels.</cite></a> Internet
@@ -779,7 +798,7 @@ <h3 class=no-num id=other-references>Other references</h3>
779798
<dd style="display: none"><!-- keeps the doc valid if the DL is empty -->
780799
<!---->
781800

782-
<dt id=CSS-SHAPES>[CSS-SHAPES]
801+
<dt id=ref-CSS-SHAPES>[CSS-SHAPES]
783802

784803
<dd>Vincent Hardy; Rossen Atanassov; Alan Stearns. <a
785804
href="http://www.w3.org/TR/2013/WD-css-shapes-1-20130620/"><cite>CSS
@@ -807,6 +826,9 @@ <h2 class=no-num id=index>Index</h2>
807826
<li>Float area, <a href="#float-area"
808827
title="section 2."><strong>2.</strong></a>
809828

829+
<li>rectangle(), <a href="#rectangle"
830+
title="section 3.1."><strong>3.1.</strong></a>
831+
810832
<li>renderer, <a href="#renderer"
811833
title="section 4."><strong>4.</strong></a>
812834

‎css-shapes-2/Overview.src.html‎

Lines changed: 24 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -173,8 +173,30 @@ <h2 id="shapes">Shapes</h2>
173173
<h3 id="basic-shapes-from-svg-syntax">Basic Shapes</h3>
174174
<p>Add the final
175175
<a href="http://www.w3.org/TR/css-shapes/#basic-shapes-from-svg-syntax">level 1</a>
176-
section with a possible addition of path().
177-
</p>
176+
section with a possible addition of path() and a rejiggered rectangle().
177+
</p>
178+
179+
<dl>
180+
<dt><dfn>rectangle()</dfn> =
181+
rectangle( <<shape-arg>>{4} [ round <<'border-radius'>> ]? )
182+
</dt>
183+
<dd>
184+
<ul>
185+
<li>
186+
The first four arguments represent
187+
<strong>x, y, width</strong> and
188+
<strong>height</strong>
189+
of the rectangle.
190+
Negative values for width and height are invalid.
191+
</li>
192+
<li>
193+
The optional <<'border-radius'>> argument(s)
194+
define rounded corners for the rectangle
195+
using the 'border-radius' shorthand syntax.
196+
</li>
197+
</ul>
198+
</dd>
199+
</dl>
178200

179201
<div class="issue-marker wrapper">
180202
<div class="issue-marker" data-bug_id="16448" data-bug_status="ASSIGNED">

0 commit comments

Comments
 (0)