Skip to content

Commit f2cdabe

Browse files
committed
[css-shapes] clarify behavior of empty polygon
1 parent a775e65 commit f2cdabe

2 files changed

Lines changed: 19 additions & 5 deletions

File tree

css-shapes/Overview.html

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -519,8 +519,13 @@ <h4 id=supported-basic-shapes><span class=secno>3.2.1. </span>Supported
519519
</ul>
520520

521521
<p>The UA must close a polygon by connecting the last vertex with the
522-
first vertex of the list.</p>
523-
<br>
522+
first vertex of the list.
523+
524+
<p>At least three vertices are required to define a polygon with an area
525+
to contribute to a float area. Polygons with less than three vertices
526+
(or with three or more vertices arranged to enclose no area) result in
527+
an empty float area, which allows inline content to flow through all of
528+
the float's box.
524529
</dl>
525530

526531
<p>The values for corner radii on rectangle or inset-rectangle are
@@ -550,7 +555,7 @@ <h4 id=basic-shape-syntax><span class=secno>3.2.2. </span>Syntax of Basic
550555

551556
ellipse() = ellipse( &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt; )
552557

553-
polygon() = polygon( [&lt;fill-rule&gt;,]? [&lt;shape-arg&gt;]{2}# )
558+
polygon() = polygon( [&lt;fill-rule&gt;,]? [&lt;shape-arg&gt;]{2} [&lt;shape-arg&gt;]{2}# )
554559

555560
&lt;shape-arg&gt; = &lt;length&gt; | &lt;percentage&gt;
556561

css-shapes/Overview.src.html

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -444,7 +444,16 @@ <h4 id="supported-basic-shapes">Supported Shapes</h4>
444444
<p>The UA must close a polygon
445445
by connecting the last vertex
446446
with the first vertex of the list.</p>
447-
<br/>
447+
<p>At least three vertices are required
448+
to define a polygon with an area
449+
to contribute to a float area.
450+
Polygons with less than three vertices
451+
(or with three or more vertices
452+
arranged to enclose no area)
453+
result in an empty float area,
454+
which allows inline content
455+
to flow through all
456+
of the float's box.</p>
448457
</dd>
449458
</dl>
450459

@@ -479,7 +488,7 @@ <h4 id='basic-shape-syntax'>Syntax of Basic Shapes</h4>
479488

480489
ellipse() = ellipse( &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt;, &lt;shape-arg&gt; )
481490

482-
polygon() = polygon( [&lt;fill-rule&gt;,]? [&lt;shape-arg&gt;]{2}# )
491+
polygon() = polygon( [&lt;fill-rule&gt;,]? [&lt;shape-arg&gt;]{2} [&lt;shape-arg&gt;]{2}# )
483492

484493
&lt;shape-arg&gt; = &lt;length&gt; | &lt;percentage&gt;
485494

0 commit comments

Comments
 (0)