masking/index.html

changeset 746
f0bee7474714
parent 741
cd0593275768
child 805
f984d3d17e42
     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>&lt;repeat-style&gt;</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>&lt;top&gt;, <a href="#lttopgt"

mercurial