Skip to content

Commit 4819138

Browse files
committed
Added note about how wrap-margin affects content outside and wrap-padding affects content inside an element
1 parent bc377d1 commit 4819138

2 files changed

Lines changed: 24 additions & 12 deletions

File tree

css3-exclusions/Exclusions.src.html

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -466,7 +466,12 @@ <h4 id="wrap-padding-property">The 'wrap-padding' Property</h4>
466466
</tr>
467467
</table>
468468
<!-- End section "wrap-padding property" -->
469-
<!-- End section "Scope and Efect of Exclusions" -->
469+
470+
<div class="note">Note that the 'wrap-padding' property affects layout of content inside
471+
the element it applies to while the 'wrap-margin' property affects layout of content
472+
outside the element.</div>
473+
474+
<!-- End section "Scope and Effect of Exclusions" -->
470475

471476
<h3 id="propagation-of-exclusions">Propagation of Exclusions</h3>
472477
<p>
@@ -826,6 +831,9 @@ <h4 id='referencing-svg-shapes'>Referencing SVG shapes</h4>
826831
<!-- End section "Shapes from SVG Syntax -->
827832

828833
<h3 id="shapes-from-image">Shapes from Image</h3>
834+
835+
<div class="issue issue-marker"><p class="desc">Do we need to provide properties to repeat exclusion
836+
images as for the background-image property?</p></div>
829837
<p>
830838
Another way of defining shapes is by specifying a source image whose alpha channel
831839
is used to compute the inside or outside shape. The shape is computed to be the
@@ -839,8 +847,6 @@ <h3 id="shapes-from-image">Shapes from Image</h3>
839847
them. In order to avoid that, another exclusion element can be overlaid.
840848
</p>
841849

842-
<div class="issue issue-marker"><p class="desc">Do we need to provide properties to repeat exclusion
843-
images as for the background-image property?</p></div>
844850

845851
<!-- End section "Shapes from image" -->
846852

css3-exclusions/Overview.html

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -81,14 +81,14 @@
8181

8282
<h1 id=css-exclusions-module>CSS exclusions and shapes</h1>
8383

84-
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 28 October
84+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 29 October
8585
2011</h2>
8686

8787
<dl>
8888
<dt>This version:
8989

9090
<dd><a
91-
href="http://www.w3.org/TR/2011/ED-css3-exclusions-20111028/">http://www.w3.org/csswg/css3-exclusions/</a>
91+
href="http://www.w3.org/TR/2011/ED-css3-exclusions-20111029/">http://www.w3.org/csswg/css3-exclusions/</a>
9292

9393
<dt>Latest version:
9494

@@ -731,7 +731,13 @@ <h4 id=wrap-padding-property><span class=secno>3.2.2. </span>The &lsquo;<a
731731
<td>the absolute length
732732
</table>
733733
<!-- End section "wrap-padding property" -->
734-
<!-- End section "Scope and Efect of Exclusions" -->
734+
735+
<div class=note>Note that the &lsquo;<a href="#wrap-padding"><code
736+
class=property>wrap-padding</code></a>&rsquo; property affects layout of
737+
content inside the element it applies to while the &lsquo;<a
738+
href="#wrap-margin"><code class=property>wrap-margin</code></a>&rsquo;
739+
property affects layout of content outside the element.</div>
740+
<!-- End section "Scope and Effect of Exclusions" -->
735741

736742
<h3 id=propagation-of-exclusions><span class=secno>3.3. </span>Propagation
737743
of Exclusions</h3>
@@ -1172,6 +1178,11 @@ <h4 id=referencing-svg-shapes><span class=secno>4.1.2. </span>Referencing
11721178

11731179
<h3 id=shapes-from-image><span class=secno>4.2. </span>Shapes from Image</h3>
11741180

1181+
<div class="issue issue-marker">
1182+
<p class=desc>Do we need to provide properties to repeat exclusion images
1183+
as for the background-image property?
1184+
</div>
1185+
11751186
<p> Another way of defining shapes is by specifying a source image whose
11761187
alpha channel is used to compute the inside or outside shape. The shape is
11771188
computed to be the path that encloses the area where the opacity of the
@@ -1184,12 +1195,7 @@ <h3 id=shapes-from-image><span class=secno>4.2. </span>Shapes from Image</h3>
11841195

11851196
<p class=note> Note, images can define cavities and inline flow content
11861197
should wrap inside them. In order to avoid that, another exclusion element
1187-
can be overlaid.
1188-
1189-
<div class="issue issue-marker">
1190-
<p class=desc>Do we need to provide properties to repeat exclusion images
1191-
as for the background-image property?
1192-
</div>
1198+
can be overlaid.</p>
11931199
<!-- End section "Shapes from image" -->
11941200

11951201
<h3 id=declaring-shapes><span class=secno>4.3. </span>Declaring Shapes</h3>

0 commit comments

Comments
 (0)