11<!DOCTYPE html public '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
22< html lang ="en ">
33< head profile ="http://www.w3.org/2006/03/hcard ">
4- < meta http-equiv ="Content-Type " content ="text/html; charset=utf-8 " / >
4+ < meta http-equiv ="Content-Type " content ="text/html; charset=utf-8 " >
55 < title > CSS Exclusions Module Level 1</ title >
66 < link rel ="stylesheet " type ="text/css " href ="../shared/style/default.css " />
77 < script src ='http://test.csswg.org/harness/annotate.js#CSS3-EXCLUSIONS_DEV ' type ='text/javascript ' defer > </ script >
2323 }
2424 </ style >
2525
26+ < link rel ="stylesheet " type ="text/css "
27+ href ="../shared/style/issues.css ">
2628 < link rel ="stylesheet " type ="text/css "
2729 href ="http://www.w3.org/StyleSheets/TR/W3C-ED.css ">
2830
29- < link rel ="stylesheet " type ="text/css "
30- href ="../shared/style/issues.css ">
3131
3232 < link id ="st " href ="../shared/style/alternate-spec-style.css " rel ="stylesheet "
3333 type ="text/css " title ="alternate spec style ">
3636</ head >
3737< body >
3838 < div id ="div-head " class ="head ">
39+ <!--begin-logo-->
3940 < p > < a href ="http://www.w3.org/ "> < img id ="mobile-logo " alt ="W3C " height ="53 " src =
4041 "http://www.w3.org/2008/site/images/logo-w3c-mobile-lg " width ="90 "> </ a >
4142
4243
43- <!--begin-logo-->
4444
4545 < p > < a href ="http://www.w3.org/ "> < img id ="logo " alt ="W3C " height ="48 " src =
4646 "http://www.w3.org/Icons/w3c_home " width ="72 "> </ a > <!--end-logo--> </ p >
@@ -55,10 +55,10 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
5555 < dd > < a href ="http://www.w3.org/TR/css3-exclusions/ "> http://www.w3.org/TR/css3-exclusions/</ a > </ dd >
5656
5757 < dt > Editor's Draft:</ dt >
58- < dd > < a href ="http://www .w3.org/TR/2012/WD-css3-exclusions-20120503/ "> http://www .w3.org/TR/2012/WD-css3-exclusions-20120503 /</ a >
58+ < dd > < a href ="http://dev .w3.org/csswg/[SHORTNAME]/ "> http://dev .w3.org/csswg/[SHORTNAME] /</ a >
5959
6060 < dt > Previous version:</ dt >
61- < dd > None </ dd >
61+ < dd > < a href =" http://www.w3.org/TR/2013/WD-css3-exclusions-20130528/ " > http://www.w3.org/TR/2013/WD-css3-exclusions-20130528/ </ a >
6262
6363 < dt > Editors:</ dt >
6464 < dd class ="vcard "> < span class ="fn "> Vincent Hardy</ span > , < span class ="org "> Adobe Systems, Inc.</ span > , < span class ="email "> vhardy@adobe.com</ span > </ dd >
@@ -87,14 +87,18 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
8787 < h2 class ="no-num no-toc " id ="abstract "> Abstract</ h2 >
8888
8989
90- < p > CSS Exclusions define arbitrary areas around which < a href ="http://www.w3.org/TR/CSS2/visuren.html#inline-boxes "> inline content</ a > ([[!CSS21]]) content can flow.
90+ < p > CSS Exclusions define arbitrary areas around which < a href ="http://www.w3.org/TR/CSS2/visuren.html#inline-boxes "> inline content</ a > ([[!CSS21]]) can flow.
9191 CSS Exclusions can be defined on any CSS block-level elements. CSS
9292 Exclusions extend the notion of content wrapping previously limited to
9393 floats.</ p >
9494
9595 < h2 class ="no-num no-toc " id ="status "> Status of this document</ h2 >
9696 <!--status-->
9797
98+ < p > This specification was previously called “CSS Exclusions and
99+ Shapes.” The definitions for shapes are now in a separate
100+ specification, see [[CSS-SHAPES]].
101+
98102 < h2 class ="no-num no-toc " id ="contents "> Table of contents</ h2 >
99103 <!--toc-->
100104
@@ -107,7 +111,7 @@ <h2 id="intro">Introduction</h2>
107111
108112 < h2 id ="definitions "> Definitions</ h2 >
109113
110- < dfn > Exclusion box</ dfn >
114+ < p > < dfn > Exclusion box</ dfn >
111115
112116 < p >
113117 A < a href ="http://www.w3.org/TR/css3-box/ "> box</ a > ([[!CSS3BOX]]) that defines an < span > exclusion area</ span > for other boxes. The 'wrap-flow'
@@ -117,7 +121,7 @@ <h2 id="definitions">Definitions</h2>
117121 computed value other than 'none' does not become an exclusion.
118122 </ p >
119123
120- < dfn > Exclusion area</ dfn >
124+ < p > < dfn > Exclusion area</ dfn >
121125
122126 < p >
123127 The area used for excluding inline flow content around an exclusion box. The
@@ -131,13 +135,13 @@ <h2 id="definitions">Definitions</h2>
131135 instead of the border box.
132136 </ p >
133137
134- < dfn > Exclusion element</ dfn >
138+ < p > < dfn > Exclusion element</ dfn >
135139
136140 < p > An block-level element which is not a float and generates an < span > exclusion box</ span > .
137141 An element generates an exclusion box when its 'wrap-flow' property's computed value is not 'auto'.
138142 </ p >
139143
140- < dfn > Wrapping context</ dfn >
144+ < p > < dfn > Wrapping context</ dfn >
141145
142146 < p >
143147 The < span > wrapping context</ span >
@@ -159,18 +163,18 @@ <h2 id="definitions">Definitions</h2>
159163 resets it using the 'wrap-through' property.
160164 </ p >
161165
162- < dfn > Content area</ dfn >
166+ < p > < dfn > Content area</ dfn >
163167 < p >
164168 The < a href ="http://www.w3.org/TR/CSS2/box.html#box-dimensions "> content area</ a >
165169 is normally used for layout of the inline flow content of a box.
166170 </ p >
167171
168- < dfn > Wrapping area</ dfn >
172+ < p > < dfn > Wrapping area</ dfn >
169173 < p >
170174 The area used for layout of inline flow content of a box affected by a < span > wrapping context</ span > , defined by subtracting the < span > wrapping context</ span > from its < span > content area</ span >
171175 </ p >
172176
173- < dfn title ="outside-inside "> Outside and inside</ dfn >
177+ < p > < dfn title ="outside-inside "> Outside and inside</ dfn >
174178
175179 < p >
176180 In this specification, 'outside' refers to DOM content that is not a descendant of an element
@@ -300,7 +304,7 @@ <h4 id="wrap-flow-property">The 'wrap-flow' property</h4>
300304 </ p >
301305 < p >
302306 Otherwise, a computed 'wrap-flow' property value of 'both', 'start', 'end', 'minimum',
303- 'maximum' or 'clear' on an element makes that element an < span > exclusion element</ a > .
307+ 'maximum' or 'clear' on an element makes that element an < span > exclusion element</ span > .
304308 It's < span > exclusion area</ span > is contributed to its containing block's
305309 < span > wrapping context</ span > , causing the containing block's descendants to wrap around
306310 its < span > exclusion area</ span > .
@@ -347,7 +351,7 @@ <h4 id="wrap-flow-property">The 'wrap-flow' property</h4>
347351 < p >
348352 The 'wrap-flow' property values applied to exclusions as grid items.
349353 </ p >
350- < code class =" html " > < pre >
354+ < pre >
351355
352356<div id="grid">
353357 <div id="top-right" class="exclusion"></div>
@@ -384,7 +388,7 @@ <h4 id="wrap-flow-property">The 'wrap-flow' property</h4>
384388 grid-column-span: 4;
385389}
386390</style>
387- </ pre > </ code >
391+ </ pre >
388392 < p > The following figures illustrate the visual rendering for different values
389393 of the 'wrap-flow' property. The gray grid lines are marking the grid cells. and the
390394 blue area is the exclusion box (positioned by the grid).</ p >
@@ -458,7 +462,7 @@ <h3 id="scope-and-effect-of-exclusions">Scope and effect of exclusions</h3>
458462 < h3 id ="propagation-of-exclusions "> Propagation of Exclusions</ h3 >
459463 < p >
460464 By default, an element inherits its parent < span > wrapping context</ span > . In other words
461- it is subject to the exclusions defined < span title ="outside-inside "> outside</ sapn > the element.
465+ it is subject to the exclusions defined < span title ="outside-inside "> outside</ span > the element.
462466 </ p >
463467 < p > Setting the 'wrap-through' property to 'none' prevents an element from inheriting its parent
464468 < span > wrapping context</ span > . In other words, exclusions defined 'outside' the element, have not effect
@@ -648,7 +652,7 @@ <h3 id="exclusions-order">Exclusions order</h3>
648652 <!-- End section "Order of Exclusions" -->
649653
650654 < div class ="issue-marker wrapper ">
651- < div class ="issue-marker " data-bug_id =" 15183 " data-bug_status =" NEW " >
655+ < div class ="issue-marker ">
652656 < a href ="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15183 "> Issue-15183</ a >
653657 < div class ="issue-details ">
654658 < p class ="short-desc "> Is the CSS exclusions processing model incorrect?</ p >
@@ -825,7 +829,7 @@ <h4 id="exclusions-processing-model-example">Example</h4>
825829
826830 < ul >
827831 < li > the document's DOM tree</ li >
828- < li > the layout tree of generated block boxes</ p >
832+ < li > the layout tree of generated block boxes
829833 </ ul >
830834
831835 < div class ="figure ">
@@ -1019,7 +1023,7 @@ <h2 class="no-num" id="property-index">Property index</h2>
10191023 -->
10201024 < h2 class ="no-num " id ="change-log "> Change Log</ h2 >
10211025
1022- < h3 class ="no-num " > Since < a href ="http://www.w3.org/TR/2012/WD-css -exclusions-20120503/ "> May 3rd 2012</ a > </ h3 >
1026+ < h3 class ="no-num " > Since < a href ="http://www.w3.org/TR/2012/WD-css3 -exclusions-20120503/ "> May 3rd 2012</ a > </ h3 >
10231027 < ul >
10241028 < li > split exclusions from shapes into separate modules</ li >
10251029 < li > added inset-rectangle() to basic shapes</ li >
@@ -1036,7 +1040,7 @@ <h3 class="no-num" >Since <a href="http://www.w3.org/TR/2012/WD-css-exclusions-2
10361040 < li > Removed wrap shorthand.</ li >
10371041 </ ul >
10381042
1039- < h3 class ="no-num " > Since < a href ="http://www.w3.org/TR/2011/WD-css -exclusions-20111213/ "> December 13th 2011</ a > </ h3 >
1043+ < h3 class ="no-num " > Since < a href ="http://www.w3.org/TR/2011/WD-css3 -exclusions-20111213/ "> December 13th 2011</ a > </ h3 >
10401044 < ul >
10411045 < li > Clarified processing model.</ li >
10421046 < li > Clarified interaction with floats.</ li >
0 commit comments