Skip to content

Commit dec1a83

Browse files
committed
[css-transforms-1] Use UA style instead of prose to handle the exception of transform-origin for SVG (w3c#920)
1 parent 2644458 commit dec1a83

1 file changed

Lines changed: 7 additions & 2 deletions

File tree

css-transforms-1/Overview.bs

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -297,8 +297,6 @@ Media: visual
297297
Animatable: as <a href="https://drafts.csswg.org/css3-transitions/#animtype-simple-list">simple list</a> of <a href="https://drafts.csswg.org/css3-transitions/#animtype-lpcalc">length, percentage, or calc</a>
298298
</pre>
299299

300-
The initial [=used value=] for SVG elements without associated CSS layout box is ''0 0''.
301-
302300
The values of the 'transform' and 'transform-origin' properties are used to compute the [=transformation matrix=], as described above.
303301

304302
If only one value is specified, the second value is assumed to be <a value for=transform-origin>center</a>. If one or two values are specified, the third value is assumed to be ''0px''.
@@ -322,6 +320,13 @@ If two or more values are defined and either no value is a keyword, or the only
322320
:: Computes to ''50%'' (''left 50%'') for the horizontal position if the horizontal position is not otherwise specified, or ''50%'' (''top 50%'') for the vertical position if it is.
323321
</dl>
324322

323+
For SVG elements without associated CSS layout box the initial [=used value=] is ''0 0'' as if the user agent style sheet contained:
324+
<pre>
325+
*:not(svg), *:not(foreignObject) &gt; svg {
326+
transform-origin: 0 0;
327+
}
328+
</pre>
329+
325330
The 'transform-origin' property is a <a>resolved value special case property like 'height'</a>. [[!CSSOM]]
326331

327332

0 commit comments

Comments
 (0)