Skip to content

Commit 75270a9

Browse files
committed
[css-exclusions] clarify shape-inside exclusion area(s)
1 parent b018d5f commit 75270a9

2 files changed

Lines changed: 28 additions & 23 deletions

File tree

css-exclusions/Exclusions.src.html

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1550,14 +1550,17 @@ <h4 id="shape-outside-property">The 'shape-outside' Property</h4>
15501550
<h4 id="shape-inside-property">The 'shape-inside' Property</h4>
15511551
<p>
15521552
The 'shape-inside' property adds
1553-
an exclusion area
1553+
one or more exclusion areas
15541554
to the element's wrapping context.
15551555
This modifies the normal rectangular shape
15561556
of the content area
15571557
to a possibly non-rectangular wrapping area.
1558-
The exclusion area added
1559-
is defined by subtracting the shape
1560-
from the element's content area.
1558+
The exclusion areas
1559+
are defined by subtracting the shape
1560+
from the element's content area.
1561+
Any part of the shape outside
1562+
the element's content area
1563+
has no effect.
15611564
</p>
15621565

15631566
<table class="propdef">
@@ -1653,7 +1656,7 @@ <h4 id="shape-inside-property">The 'shape-inside' Property</h4>
16531656
</div>
16541657

16551658
<p>Overflow content avoids
1656-
the exclusion area added
1659+
the exclusion area(s) added
16571660
by 'shape-inside' and 'shape-padding'
16581661
(as well as any other exclusion areas
16591662
in the element's wrapping context).</p>

css-exclusions/Overview.html

Lines changed: 20 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -7,18 +7,19 @@
77
<meta content="text/html; charset=utf-8" http-equiv=Content-Type>
88
<title>CSS Exclusions and Shapes Module Level 3</title>
99

10-
<link href="http://purl.org/dc/terms/" rel=schema.dc>
10+
<link href="http://purl.org/dc/terms/" rel=schema.dcterms>
1111
<link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
12-
rel=dc.rights>
13-
<meta content="CSS Exclusions and Shapes Module Level 3" name=dc.title>
14-
<meta content=text name=dc.type>
15-
<meta content=2013-04-10 name=dc.date>
16-
<meta content="Vincent Hardy" name=dc.creator>
17-
<meta content="Rossen Atanassov" name=dc.creator>
18-
<meta content="Alan Stearns" name=dc.creator>
19-
<meta content=W3C name=dc.publisher>
12+
rel=dcterms.rights>
13+
<meta content="CSS Exclusions and Shapes Module Level 3"
14+
name=dcterms.title>
15+
<meta content=text name=dcterms.type>
16+
<meta content=2013-04-16 name=dcterms.date>
17+
<meta content="Vincent Hardy" name=dcterms.creator>
18+
<meta content="Rossen Atanassov" name=dcterms.creator>
19+
<meta content="Alan Stearns" name=dcterms.creator>
20+
<meta content=W3C name=dcterms.publisher>
2021
<meta content="http://dev.w3.org/csswg/css3-exclusions/"
21-
name=dc.identifier>
22+
name=dcterms.identifier>
2223
<link href="../shared/style/default.css" rel=stylesheet type="text/css">
2324
<script defer=defer
2425
src="http://test.csswg.org/harness/annotate.js#CSS3-EXCLUSIONS_DEV"
@@ -55,14 +56,14 @@
5556

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

58-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 10 April 2013</h2>
59+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 April 2013</h2>
5960

6061
<dl>
6162
<dt>This version:
6263

6364
<dd><a
6465
href="http://dev.w3.org/csswg/css3-exclusions/">http://dev.w3.org/csswg/css3-exclusions/</a></dd>
65-
<!--<dd><a href="http://dev.w3.org/csswg/css3-exclusions/">http://www.w3.org/TR/2013/WD-css3-exclusions-20130410/</a></dd>-->
66+
<!--<dd><a href="http://dev.w3.org/csswg/css3-exclusions/">http://www.w3.org/TR/2013/WD-css3-exclusions-20130416/</a></dd>-->
6667

6768
<dt>Latest version:
6869

@@ -1986,11 +1987,12 @@ <h4 id=shape-inside-property><span class=secno>4.4.2. </span>The ‘<a
19861987
Property</h4>
19871988

19881989
<p> The ‘<a href="#shape-inside"><code
1989-
class=property>shape-inside</code></a>’ property adds an exclusion area
1990-
to the element's wrapping context. This modifies the normal rectangular
1991-
shape of the content area to a possibly non-rectangular wrapping area. The
1992-
exclusion area added is defined by subtracting the shape from the
1993-
element's content area.
1990+
class=property>shape-inside</code></a>’ property adds one or more
1991+
exclusion areas to the element's wrapping context. This modifies the
1992+
normal rectangular shape of the content area to a possibly non-rectangular
1993+
wrapping area. The exclusion areas are defined by subtracting the shape
1994+
from the element's content area. Any part of the shape outside the
1995+
element's content area has no effect.
19941996

19951997
<table class=propdef>
19961998
<tbody>
@@ -2105,7 +2107,7 @@ <h4 id=shape-inside-property><span class=secno>4.4.2. </span>The ‘<a
21052107
<p class=caption>Effect of shape-inside on inline content.
21062108
</div>
21072109

2108-
<p>Overflow content avoids the exclusion area added by ‘<a
2110+
<p>Overflow content avoids the exclusion area(s) added by ‘<a
21092111
href="#shape-inside"><code class=property>shape-inside</code></a>’ and
21102112
<a href="#shape-padding"><code
21112113
class=property>shape-padding</code></a>’ (as well as any other exclusion

0 commit comments

Comments
 (0)