1.1 --- a/masking/index.html Tue Mar 12 14:00:02 2013 +0900 1.2 +++ b/masking/index.html Wed Mar 13 13:16:38 2013 -0700 1.3 @@ -11,7 +11,7 @@ 1.4 rel=dcterms.rights> 1.5 <meta content="CSS Masking" name=dcterms.title> 1.6 <meta content=text name=dcterms.type> 1.7 - <meta content=2013-03-12 name=dcterms.issued> 1.8 + <meta content=2013-03-13 name=dcterms.issued> 1.9 <meta 1.10 content="http://dvcs.w3.org/hg/FXTF/raw-file/default/masking/index.html" 1.11 name=dcterms.creator> 1.12 @@ -34,14 +34,14 @@ 1.13 1.14 <h1>CSS Masking</h1> 1.15 1.16 - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 12 March 2013</h2> 1.17 + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 13 March 2013</h2> 1.18 1.19 <dl> 1.20 <dt>This version: 1.21 1.22 <dd><a 1.23 href="http://dvcs.w3.org/hg/FXTF/raw-file/default/masking/index.html">http://dvcs.w3.org/hg/FXTF/raw-file/default/masking/index.html</a> 1.24 - <!--http://www.w3.org/TR/2013/WD-css-masking-20130312/--> 1.25 + <!--http://www.w3.org/TR/2013/WD-css-masking-20130313/--> 1.26 1.27 <dt>Latest version: 1.28 1.29 @@ -153,7 +153,7 @@ 1.30 1.31 <li><a href="#values"><span class=secno>3. </span>Values</a> 1.32 1.33 - <li><a href="#definitions"><span class=secno>4. </span>Definitions</a> 1.34 + <li><a href="#terminology"><span class=secno>4. </span>Terminology</a> 1.35 1.36 <li><a href="#the-mask-rendering-model"><span class=secno>5. </span>The 1.37 Mask Rendering Model</a> 1.38 @@ -265,6 +265,11 @@ 1.39 </ul> 1.40 1.41 <li><a href="#conformance"><span class=secno>11. </span>Conformance</a> 1.42 + <ul class=toc> 1.43 + <li class=no-ref><a 1.44 + href="#conformance-to-css-background-and-border"><span 1.45 + class=secno>11.1. </span>Conformance to CSS Background and Borders</a> 1.46 + </ul> 1.47 1.48 <li class=no-num><a href="#references"> References</a> 1.49 <ul class=toc> 1.50 @@ -339,71 +344,6 @@ 1.51 of a <a href="http://www.w3.org/TR/CSS2/visuren.html#z-index" 1.52 title="Visual formatting model">stacking context</a>. 1.53 1.54 - <p> Definitions of CSS properties and values in this specification comply 1.55 - with defintions in CSS Backgrounds and Borders <a href="#CSS3BG" 1.56 - rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a>. To avoid redundancy, this 1.57 - specification relies on descriptions and definitions of CSS Backgrounds 1.58 - and Borders. Every reference will be marked clearly. The following terms 1.59 - in CSS Backgrounds and Borders have the following meaning in this 1.60 - specification: 1.61 - 1.62 - <table class=data id=term-matching> 1.63 - <thead> 1.64 - <tr> 1.65 - <th>Term in <a href="#CSS3BG" 1.66 - rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> 1.67 - 1.68 - <th>Term in CSS Masking 1.69 - 1.70 - <tbody> 1.71 - <tr> 1.72 - <th>background images 1.73 - 1.74 - <td>mask images 1.75 - 1.76 - <tr> 1.77 - <th>background painting area 1.78 - 1.79 - <td>mask painting area 1.80 - 1.81 - <tr> 1.82 - <th>background-size 1.83 - 1.84 - <td>mask-size 1.85 - 1.86 - <tr> 1.87 - <th>background-position 1.88 - 1.89 - <td>mask-position 1.90 - 1.91 - <tr> 1.92 - <th>background positioning area 1.93 - 1.94 - <td>mask positioning area 1.95 - 1.96 - <tr> 1.97 - <th>border image area 1.98 - 1.99 - <td>mask box image area 1.100 - </table> 1.101 - 1.102 - <p> Some property and element definitions in this specification require an 1.103 - SVG 1.1 implementation <a href="#SVG11" 1.104 - rel=biblioentry>[SVG11]<!--{{!SVG11}}--></a>. UAs without support for SVG 1.105 - must not implement any of the following properties and elements: ‘<a 1.106 - href="#mask-type"><code class=property>mask-type</code></a>’, ‘<a 1.107 - href="#clip-rule"><code class=property>clip-rule</code></a>’, <a 1.108 - class=element-name href="#ClipPathElement">‘<code 1.109 - class=property>clipPath</code>’</a> element, <a class=element-name 1.110 - href="#MaskElement">‘<code class=property>mask</code>’</a> element. 1.111 - For UAs without support for SVG, the ‘<a href="#mask"><code 1.112 - class=property>mask</code></a>’ and ‘<a href="#clip-path"><code 1.113 - class=property>clip-path</code></a>’ properties must neither support 1.114 - references to <a class=element-name href="#MaskElement">‘<code 1.115 - class=property>mask</code>’</a> elements nor to <a class=element-name 1.116 - href="#ClipPathElement">‘<code class=property>clipPath</code>’</a> 1.117 - elements. 1.118 - 1.119 <h2 id=values><span class=secno>3. </span>Values</h2> 1.120 1.121 <p> This specification follows the <a 1.122 @@ -420,7 +360,7 @@ 1.123 keyword as their property value. For readability it has not been repeated 1.124 explicitly. 1.125 1.126 - <h2 id=definitions><span class=secno>4. </span>Definitions</h2> 1.127 + <h2 id=terminology><span class=secno>4. </span>Terminology</h2> 1.128 1.129 <p> When used in this specification, terms have the meanings assigned in 1.130 this section. 1.131 @@ -443,6 +383,9 @@ 1.132 <dt id=TermLocalCoordinateSystem><dfn id=local-coordinate-system>local 1.133 coordinate system</dfn> 1.134 1.135 + <dt id=TermUserCoordinateSystem><dfn id=user-coordinate-system>user 1.136 + coordinate system</dfn> 1.137 + 1.138 <dd> 1.139 <p> In general, a coordinate system defines locations and distances on 1.140 the current canvas. The current local coordinate system (also user 1.141 @@ -463,13 +406,6 @@ 1.142 coordinate system has its origin at the top-left corner of the element's 1.143 nearest viewport. 1.144 1.145 - <dt id=TermUserCoordinateSystem><dfn id=user-coordinate-system>user 1.146 - coordinate system</dfn> 1.147 - 1.148 - <dd> The term <a href="#user-coordinate-system"><var>user coordinate 1.149 - system</var></a> is equivalent to the term <a 1.150 - href="#local-coordinate-system"><var>local coordinate system</var></a>. 1.151 - 1.152 <dt id=TermObjectBoundingBoxUnits><dfn id=object-bounding-box-units>object 1.153 bounding box units</dfn> 1.154 1.155 @@ -507,6 +443,53 @@ 1.156 class=property>clip-path</code></a>’. 1.157 </dl> 1.158 1.159 + <p> Definitions of CSS properties and values in this specification are 1.160 + analogous to definitions in CSS Backgrounds and Borders <a href="#CSS3BG" 1.161 + rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a>. To avoid redundancy, this 1.162 + specification relies on descriptions and definitions of CSS Backgrounds 1.163 + and Borders. The following terms in CSS Backgrounds and Borders have the 1.164 + following meaning in this specification: 1.165 + 1.166 + <table class=data id=term-matching> 1.167 + <thead> 1.168 + <tr> 1.169 + <th>Term in <a href="#CSS3BG" 1.170 + rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> 1.171 + 1.172 + <th>Term in CSS Masking 1.173 + 1.174 + <tbody> 1.175 + <tr> 1.176 + <th>background images 1.177 + 1.178 + <td>mask images 1.179 + 1.180 + <tr> 1.181 + <th>background painting area 1.182 + 1.183 + <td>mask painting area 1.184 + 1.185 + <tr> 1.186 + <th>background-size 1.187 + 1.188 + <td>mask-size 1.189 + 1.190 + <tr> 1.191 + <th>background-position 1.192 + 1.193 + <td>mask-position 1.194 + 1.195 + <tr> 1.196 + <th>background positioning area 1.197 + 1.198 + <td>mask positioning area 1.199 + 1.200 + <tr> 1.201 + <th>border image area 1.202 + 1.203 + <td>mask box image area 1.204 + </table> 1.205 + 1.206 <h2 id=the-mask-rendering-model><span class=secno>5. </span>The Mask 1.207 Rendering Model</h2> 1.208 1.209 @@ -1013,7 +996,7 @@ 1.210 href="http://www.w3.org/TR/css3-background/#the-background-repeat">Tiling 1.211 Images: the ‘<code class=property>background-repeat</code>’ 1.212 property</a> <a href="#CSS3BG" 1.213 - rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> for the defintions of the 1.214 + rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> for the definitions of the 1.215 property values. 1.216 1.217 <div class=example> 1.218 @@ -1125,7 +1108,7 @@ 1.219 href="http://www.w3.org/TR/css3-background/#the-background-position">Positioning 1.220 Images: the ‘<code class=property>background-position</code>’ 1.221 property</a> <a href="#CSS3BG" 1.222 - rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> for the defintions of the 1.223 + rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> for the definitions of the 1.224 property values. 1.225 1.226 <div class=example> 1.227 @@ -1436,7 +1419,7 @@ 1.228 <p>See <a 1.229 href="http://www.w3.org/TR/css3-background/#the-background-size">Sizing 1.230 Images: the ‘background-size’ property</a> <a href="#CSS3BG" 1.231 - rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> for the defintions of the 1.232 + rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> for the definitions of the 1.233 property values. 1.234 1.235 <p>See the section <a href="#layering">“Layering multiple mask 1.236 @@ -2302,7 +2285,7 @@ 1.237 href="http://www.w3.org/TR/css3-background/#the-border-image-slice">Image 1.238 Slicing: the ‘<code class=property>border-image-slice</code>’ 1.239 property</a> <a href="#CSS3BG" 1.240 - rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> for the defintions of the 1.241 + rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> for the definitions of the 1.242 property values. 1.243 1.244 <h3 id=the-mask-box-image-width><span class=secno>7.3. </span>The ‘<a 1.245 @@ -2372,7 +2355,7 @@ 1.246 <p>See <a 1.247 href="http://www.w3.org/TR/css3-background/#the-border-image-width">Drawing 1.248 Areas: the ‘border-image-width’ property</a> <a href="#CSS3BG" 1.249 - rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> for the defintions of the 1.250 + rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> for the definitions of the 1.251 property values. 1.252 1.253 <p class=note> Note that for SVG elements without an associated layout box 1.254 @@ -2518,7 +2501,7 @@ 1.255 href="http://www.w3.org/TR/css3-background/#the-border-image-repeat">Image 1.256 Tiling: the ‘<code class=property>border-image-repeat</code>’ 1.257 property</a> <a href="#CSS3BG" 1.258 - rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> for the defintions of the 1.259 + rel=biblioentry>[CSS3BG]<!--{{!CSS3BG}}--></a> for the definitions of the 1.260 property values. 1.261 1.262 <p>The exact process for scaling and tiling the mask box image parts is 1.263 @@ -3621,6 +3604,26 @@ 1.264 </dl> 1.265 1.266 <h2 id=conformance><span class=secno>11. </span>Conformance</h2> 1.267 + 1.268 + <h3 class=no-ref id=conformance-to-css-background-and-border><span 1.269 + class=secno>11.1. </span>Conformance to CSS Background and Borders</h3> 1.270 + 1.271 + <p> Some property and element definitions in this specification require an 1.272 + SVG 1.1 implementation <a href="#SVG11" 1.273 + rel=biblioentry>[SVG11]<!--{{!SVG11}}--></a>. UAs without support for SVG 1.274 + must not implement any of the following properties and elements: ‘<a 1.275 + href="#mask-type"><code class=property>mask-type</code></a>’, ‘<a 1.276 + href="#clip-rule"><code class=property>clip-rule</code></a>’, <a 1.277 + class=element-name href="#ClipPathElement">‘<code 1.278 + class=property>clipPath</code>’</a> element, <a class=element-name 1.279 + href="#MaskElement">‘<code class=property>mask</code>’</a> element. 1.280 + For UAs without support for SVG, the ‘<a href="#mask"><code 1.281 + class=property>mask</code></a>’ and ‘<a href="#clip-path"><code 1.282 + class=property>clip-path</code></a>’ properties must neither support 1.283 + references to <a class=element-name href="#MaskElement">‘<code 1.284 + class=property>mask</code>’</a> elements nor to <a class=element-name 1.285 + href="#ClipPathElement">‘<code class=property>clipPath</code>’</a> 1.286 + elements.</p> 1.287 <!--begin-conformance--> 1.288 1.289 <h3 class=no-ref id=conventions> Document conventions</h3> 1.290 @@ -3898,7 +3901,7 @@ 1.291 href="#alpha" title="section 6.2."><strong>6.2.</strong></a> 1.292 1.293 <li>authoring tool, <a href="#authoring-tool" 1.294 - title="section 11."><strong>11.</strong></a> 1.295 + title="section 11.1."><strong>11.1.</strong></a> 1.296 1.297 <li>‘<a href="#auto"><code class=css>auto</code></a>’, <a href="#auto" 1.298 title="section 6.2."><strong>6.2.</strong></a> 1.299 @@ -4087,7 +4090,7 @@ 1.300 href="#ltpositiongt" title="section 6.4."><strong>6.4.</strong></a> 1.301 1.302 <li>renderer, <a href="#renderer" 1.303 - title="section 11."><strong>11.</strong></a> 1.304 + title="section 11.1."><strong>11.1.</strong></a> 1.305 1.306 <li><a href="#ltrepeat-stylegt"><var><repeat-style></var></a>, <a 1.307 href="#ltrepeat-stylegt" title="section 6.3."><strong>6.3.</strong></a> 1.308 @@ -4104,7 +4107,7 @@ 1.309 <li>style sheet 1.310 <ul> 1.311 <li>as conformance class, <a href="#style-sheet" 1.312 - title="section 11."><strong>11.</strong></a> 1.313 + title="section 11.1."><strong>11.1.</strong></a> 1.314 </ul> 1.315 1.316 <li><top>, <a href="#lttopgt"