Skip to content

Commit f8ee971

Browse files
vladfratilavladfratila
committed
"attribtue" typo fix
attribtue -> attribute
1 parent fd2a8b8 commit f8ee971

2 files changed

Lines changed: 6 additions & 6 deletions

File tree

‎css-transforms-1/Overview.bs‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -842,11 +842,11 @@ A <a element-attr for>transform</a> attribute can be the start or end value of a
842842
User coordinate space {#svg-user-coordinate-space}
843843
--------------------------------------------------
844844

845-
For the <{pattern}> element, the <{pattern/patternTransform}> attribtue and 'transform' property define an additional transformation in the pattern coordinate system. See <{pattern/patternUnits}> attribute for details [[!SVG2]].
845+
For the <{pattern}> element, the <{pattern/patternTransform}> attribute and 'transform' property define an additional transformation in the pattern coordinate system. See <{pattern/patternUnits}> attribute for details [[!SVG2]].
846846

847-
For the <{linearGradient}> and <{radialGradient}> elements, the <{linearGradient/gradientTransform}> attribtue and 'transform' property define an additional transformation in the gradient coordinate system. See <{linearGradient/gradientUnits}> attribute for details [[!SVG2]].
847+
For the <{linearGradient}> and <{radialGradient}> elements, the <{linearGradient/gradientTransform}> attribute and 'transform' property define an additional transformation in the gradient coordinate system. See <{linearGradient/gradientUnits}> attribute for details [[!SVG2]].
848848

849-
For the <{clipPath}> element, the <a element-attr for>transform</a> attribtue and 'transform' property define an additional transformation in the clipping path coordinate space. See <{clipPath/clipPathUnits}> attribute for details [[!CSS-MASKING]].
849+
For the <{clipPath}> element, the <a element-attr for>transform</a> attribute and 'transform' property define an additional transformation in the clipping path coordinate space. See <{clipPath/clipPathUnits}> attribute for details [[!CSS-MASKING]].
850850

851851
For all other [=transformable elements=] the <a element-attr for>transform</a> attribute and 'transform' property define a transformation in the current user coordinate system of the parent. All percentage values of the <a element-attr for>transform</a> attribute are relative to the element's [=reference box=].
852852

‎css-transforms-1/test/Overview.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2576,9 +2576,9 @@ <h3 class="heading settled" data-level="7.3" id="svg-transform-functions"><span
25762576
<p>The SVG transform function <a href="#svg-rotate">rotate</a> with 3 values can not be mapped to a corresponding CSS <a class="production css" data-link-type="type" href="#typedef-transform-function" id="ref-for-typedef-transform-function⑨">&lt;transform-function></a>. The 2 optional number values represent a horizontal translation value <span class="css">cx</span> followed by a vertical translation value <span class="css">cy</span>. Both number values get interpreted as CSS <a class="production css" data-link-type="type" href="https://www.w3.org/TR/css3-values/#length-value" id="ref-for-length-value⑤" title="Expands to: em | vb | ch | cm | vh | vi | in | ex | vw | ic | pt | px | lh | pc | rem | rlh | vmax | advance measure | vmin | mm | cap | q">&lt;length></a> types with <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css-values-4/#px" id="ref-for-px①">px</a> units and define the origin for rotation. The behavior is equivalent to an initial translation by <span class="css">cx</span>, <span class="css">cy</span>, a rotation defined by the first number value interpreted as <a class="production css" data-link-type="type" href="https://www.w3.org/TR/css3-values/#angle-value" id="ref-for-angle-value③" title="Expands to: turn | rad | grad | deg">&lt;angle></a> type with <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css-values-4/#deg" id="ref-for-deg③">deg</a> unit followed by a translation by <span class="css">-cx</span>, <span class="css">-cy</span>.</p>
25772577
<p>A <a data-link-type="element-attr" href="https://www.w3.org/TR/SVG11/coords.html#TransformAttribute" id="ref-for-TransformAttribute⑨">transform</a> attribute can be the start or end value of a CSS Transition. If the value of a <a data-link-type="element-attr" href="https://www.w3.org/TR/SVG11/coords.html#TransformAttribute" id="ref-for-TransformAttribute①⓪">transform</a> attribute is the start or end value of a CSS Transition and the SVG <a href="svg-transform-list">transform list</a> contains at least one <a href="#svg-rotate">rotate</a> transform function with 3 values, the individual SVG transform functions must get <a data-link-type="dfn" href="#post-multiplied" id="ref-for-post-multiplied②">post-multiplied</a> and the resulting matrix must get mapped to a <a class="production css" data-link-type="function" href="#funcdef-transform-matrix" id="ref-for-funcdef-transform-matrix③">&lt;matrix()></a> CSS <a class="production css" data-link-type="type" href="#typedef-transform-function" id="ref-for-typedef-transform-function①⓪">&lt;transform-function></a> and used as start/end value of the CSS Transition.</p>
25782578
<h3 class="heading settled" data-level="7.4" id="svg-user-coordinate-space"><span class="secno">7.4. </span><span class="content">User coordinate space</span><a class="self-link" href="#svg-user-coordinate-space"></a></h3>
2579-
<p>For the <code><a data-link-type="element" href="https://www.w3.org/TR/svg2/pservers.html#elementdef-pattern" id="ref-for-elementdef-pattern①">pattern</a></code> element, the <code><a data-link-type="element-sub" href="https://www.w3.org/TR/SVG11/pservers.html#PatternElementPatternTransformAttribute" id="ref-for-PatternElementPatternTransformAttribute⑤">patternTransform</a></code> attribtue and <a class="property" data-link-type="propdesc" href="#propdef-transform" id="ref-for-propdef-transform①⑨">transform</a> property define an additional transformation in the pattern coordinate system. See <code><a data-link-type="element-sub" href="https://www.w3.org/TR/SVG/pservers.html#PatternElementPatternUnitsAttribute" id="ref-for-PatternElementPatternUnitsAttribute①">patternUnits</a></code> attribute for details <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a>.</p>
2580-
<p>For the <code><a data-link-type="element" href="https://www.w3.org/TR/svg2/pservers.html#elementdef-linearGradient" id="ref-for-elementdef-linearGradient①">linearGradient</a></code> and <code><a data-link-type="element" href="https://www.w3.org/TR/svg2/pservers.html#elementdef-radialGradient" id="ref-for-elementdef-radialGradient①">radialGradient</a></code> elements, the <code><a data-link-type="element-sub" href="https://www.w3.org/TR/SVG11/pservers.html#LinearGradientElementGradientTransformAttribute" id="ref-for-LinearGradientElementGradientTransformAttribute⑤">gradientTransform</a></code> attribtue and <a class="property" data-link-type="propdesc" href="#propdef-transform" id="ref-for-propdef-transform②⓪">transform</a> property define an additional transformation in the gradient coordinate system. See <code><a data-link-type="element-sub" href="https://www.w3.org/TR/SVG/pservers.html#LinearGradientElementGradientUnitsAttribute" id="ref-for-LinearGradientElementGradientUnitsAttribute①">gradientUnits</a></code> attribute for details <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a>.</p>
2581-
<p>For the <code><a data-link-type="element" href="https://www.w3.org/TR/css-masking-1/#elementdef-clippath" id="ref-for-elementdef-clippath②">clipPath</a></code> element, the <a data-link-type="element-attr" href="https://www.w3.org/TR/SVG11/coords.html#TransformAttribute" id="ref-for-TransformAttribute①①">transform</a> attribtue and <a class="property" data-link-type="propdesc" href="#propdef-transform" id="ref-for-propdef-transform②①">transform</a> property define an additional transformation in the clipping path coordinate space. See <code><a data-link-type="element-sub" href="https://www.w3.org/TR/css-masking-1/#element-attrdef-clippathunits" id="ref-for-element-attrdef-clippathunits①">clipPathUnits</a></code> attribute for details <a data-link-type="biblio" href="#biblio-css-masking">[CSS-MASKING]</a>.</p>
2579+
<p>For the <code><a data-link-type="element" href="https://www.w3.org/TR/svg2/pservers.html#elementdef-pattern" id="ref-for-elementdef-pattern①">pattern</a></code> element, the <code><a data-link-type="element-sub" href="https://www.w3.org/TR/SVG11/pservers.html#PatternElementPatternTransformAttribute" id="ref-for-PatternElementPatternTransformAttribute⑤">patternTransform</a></code> attribute and <a class="property" data-link-type="propdesc" href="#propdef-transform" id="ref-for-propdef-transform①⑨">transform</a> property define an additional transformation in the pattern coordinate system. See <code><a data-link-type="element-sub" href="https://www.w3.org/TR/SVG/pservers.html#PatternElementPatternUnitsAttribute" id="ref-for-PatternElementPatternUnitsAttribute①">patternUnits</a></code> attribute for details <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a>.</p>
2580+
<p>For the <code><a data-link-type="element" href="https://www.w3.org/TR/svg2/pservers.html#elementdef-linearGradient" id="ref-for-elementdef-linearGradient①">linearGradient</a></code> and <code><a data-link-type="element" href="https://www.w3.org/TR/svg2/pservers.html#elementdef-radialGradient" id="ref-for-elementdef-radialGradient①">radialGradient</a></code> elements, the <code><a data-link-type="element-sub" href="https://www.w3.org/TR/SVG11/pservers.html#LinearGradientElementGradientTransformAttribute" id="ref-for-LinearGradientElementGradientTransformAttribute⑤">gradientTransform</a></code> attribute and <a class="property" data-link-type="propdesc" href="#propdef-transform" id="ref-for-propdef-transform②⓪">transform</a> property define an additional transformation in the gradient coordinate system. See <code><a data-link-type="element-sub" href="https://www.w3.org/TR/SVG/pservers.html#LinearGradientElementGradientUnitsAttribute" id="ref-for-LinearGradientElementGradientUnitsAttribute①">gradientUnits</a></code> attribute for details <a data-link-type="biblio" href="#biblio-svg2">[SVG2]</a>.</p>
2581+
<p>For the <code><a data-link-type="element" href="https://www.w3.org/TR/css-masking-1/#elementdef-clippath" id="ref-for-elementdef-clippath②">clipPath</a></code> element, the <a data-link-type="element-attr" href="https://www.w3.org/TR/SVG11/coords.html#TransformAttribute" id="ref-for-TransformAttribute①①">transform</a> attribute and <a class="property" data-link-type="propdesc" href="#propdef-transform" id="ref-for-propdef-transform②①">transform</a> property define an additional transformation in the clipping path coordinate space. See <code><a data-link-type="element-sub" href="https://www.w3.org/TR/css-masking-1/#element-attrdef-clippathunits" id="ref-for-element-attrdef-clippathunits①">clipPathUnits</a></code> attribute for details <a data-link-type="biblio" href="#biblio-css-masking">[CSS-MASKING]</a>.</p>
25822582
<p>For all other <a data-link-type="dfn" href="#transformable-element" id="ref-for-transformable-element④">transformable elements</a> the <a data-link-type="element-attr" href="https://www.w3.org/TR/SVG11/coords.html#TransformAttribute" id="ref-for-TransformAttribute①②">transform</a> attribute and <a class="property" data-link-type="propdesc" href="#propdef-transform" id="ref-for-propdef-transform②②">transform</a> property define a transformation in the current user coordinate system of the parent. All percentage values of the <a data-link-type="element-attr" href="https://www.w3.org/TR/SVG11/coords.html#TransformAttribute" id="ref-for-TransformAttribute①③">transform</a> attribute are relative to the element’s <a data-link-type="dfn" href="#reference-box" id="ref-for-reference-box⑧">reference box</a>.</p>
25832583
<div class="example" id="example-bb84e563">
25842584
<a class="self-link" href="#example-bb84e563"></a>

0 commit comments

Comments
 (0)