|
45 | 45 | </p>
|
46 | 46 | <h1 class="p-name no-ref" id=title>CSS Transforms Module Level 1</h1>
|
47 | 47 | <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
|
48 |
| - <span class=dt-updated><span class=value-title title=20140126>26 January 2014</span></span></span></h2> |
| 48 | + <span class=dt-updated><span class=value-title title=20140201>1 February 2014</span></span></span></h2> |
49 | 49 | <div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-transforms/>http://dev.w3.org/csswg/css-transforms/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css3-transforms/>http://www.w3.org/TR/css3-transforms/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css-transforms/>http://dev.w3.org/csswg/css-transforms/</a><dt>Previous Versions:<dd><a href=http://www.w3.org/TR/2012/WD-css3-transforms-20120911/ rel=previous>http://www.w3.org/TR/2012/WD-css3-transforms-20120911/</a><dd><a href=http://www.w3.org/TR/2012/WD-css3-transforms-20120403/ rel=previous>http://www.w3.org/TR/2012/WD-css3-transforms-20120403/</a>
|
50 | 50 | <dt>Feedback:</dt>
|
51 | 51 | <dd><a href="mailto:public-fx@w3.org?subject=%5Bcss-transforms%5D%20feedback">public-fx@w3.org</a>
|
@@ -206,10 +206,12 @@ <h2 class="heading settled heading" data-level=4 id=terminology><span class=secn
|
206 | 206 | </li>
|
207 | 207 | </ul>
|
208 | 208 | </dd>
|
209 |
| - <dt><dfn data-dfn-type=dfn data-noexport="" id=user-coordinate-system>user coordinate system<a class=self-link href=#user-coordinate-system></a></dfn></dt> |
210 |
| - <dt><dfn data-dfn-type=dfn data-noexport="" id=local-coordinate-system>local coordinate system<a class=self-link href=#local-coordinate-system></a></dfn></dt> |
| 209 | + <dt><dfn data-dfn-type=dfn data-export="" id=user-coordinate-system>user coordinate system<a class=self-link href=#user-coordinate-system></a></dfn></dt> |
| 210 | + <dt><dfn data-dfn-type=dfn data-export="" id=local-coordinate-system>local coordinate system<a class=self-link href=#local-coordinate-system></a></dfn></dt> |
211 | 211 | <dd>
|
212 |
| - In general, a coordinate system defines locations and distances on the current canvas. The current local coordinate system (also user coordinate system) is the coordinate system that is currently active and which is used to define how coordinates and lengths are located and computed, respectively, on the current canvas. |
| 212 | + <p>In general, a coordinate system defines locations and distances on the current canvas. The current local coordinate system (also user coordinate system) is the coordinate system that is currently active and which is used to define how coordinates and lengths are located and computed, respectively, on the current canvas.</p> |
| 213 | + <p>For elements that have an associated CSS layout box, the current user coordinate system has its origin at the top-left of a reference box and one unit equals one CSS pixel. The viewport for resolving percentage values is defined by the width and height of the reference box. For transforms, the reference box is the <a data-link-type=dfn href=#bounding-box title="bounding box">bounding box</a>.</p> |
| 214 | + <p>If the element does not have an associated CSS layout box and is in the <code>http://www.w3.org/2000/svg</code> namespace, the current user coordinate system has its origin at the top-left corner of the element’s nearest viewport.</p> |
213 | 215 | </dd>
|
214 | 216 | <dt><dfn data-dfn-type=dfn data-noexport="" id=perspective-matrix>perspective matrix<a class=self-link href=#perspective-matrix></a></dfn></dt>
|
215 | 217 | <dd>
|
@@ -354,7 +356,7 @@ <h2 class="heading settled heading" data-level=6 id=transform-rendering><span cl
|
354 | 356 | </div>
|
355 | 357 | </div></pre></div>
|
356 | 358 |
|
357 |
| -<p>For elements whose layout is governed by the CSS box model, the transform property does not affect the flow of the content surrounding the transformed element. However, the extent of the overflow area takes into account transformed elements. This behavior is similar to what happens when elements are offset via relative positioning. Therefore, if the value of the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-overflow-3/#overflow title=overflow>overflow</a> property is <span class=css data-link-type=maybe title=scroll>scroll</span> or <span class=css data-link-type=maybe title=auto>auto</span>, scrollbars will appear as needed to see content that is transformed outside the visible area. |
| 359 | +<p>For elements whose layout is governed by the CSS box model, the transform property does not affect the flow of the content surrounding the transformed element. However, the extent of the overflow area takes into account transformed elements. This behavior is similar to what happens when elements are offset via relative positioning. Therefore, if the value of the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-overflow-3/#overflow0 title=overflow>overflow</a> property is <span class=css data-link-type=maybe title=scroll>scroll</span> or <span class=css data-link-type=maybe title=auto>auto</span>, scrollbars will appear as needed to see content that is transformed outside the visible area. |
358 | 360 |
|
359 | 361 | <p>For elements whose layout is governed by the CSS box model, any value other than <a class=css data-link-type=maybe href=#none title=none>none</a> for the transform results in the creation of both a stacking context and a containing block. The object acts as a containing block for fixed positioned descendants.
|
360 | 362 |
|
@@ -765,7 +767,7 @@ <h2 class="heading settled heading" data-level=9 id=transform-style-property><sp
|
765 | 767 | <p>The following CSS property values require the user agent to create a flattened representation of the descendant elements before they can be applied, and therefore override the behavior of <a class=css data-link-type=propdesc href=#propdef-transform-style title=transform-style>transform-style: preserve-3d</a>:
|
766 | 768 |
|
767 | 769 | <p><ul>
|
768 |
| - <li><a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-overflow-3/#overflow title=overflow>overflow</a>: any value other than <span class=css data-link-type=maybe title=visible>visible</span>.</li> |
| 770 | + <li><a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-overflow-3/#overflow0 title=overflow>overflow</a>: any value other than <span class=css data-link-type=maybe title=visible>visible</span>.</li> |
769 | 771 | <li><a class=property data-link-type=propdesc href=http://dev.w3.org/fxtf/filters/#propdef-filter title=filter>filter</a>: any value other than <a class=css data-link-type=maybe href=#none title=none>none</a>.</li>
|
770 | 772 | <li><a class=property data-link-type=propdesc href=http://dev.w3.org/fxtf/masking/#propdef-clip title=clip>clip</a>: any value other than <span class=css data-link-type=maybe title=auto>auto</span>.</li>
|
771 | 773 | <li><a class=property data-link-type=propdesc href=http://dev.w3.org/fxtf/masking/#propdef-clip-path title=clip-path>clip-path</a>: any value other than <a class=css data-link-type=maybe href=#none title=none>none</a>.</li>
|
|
0 commit comments