You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: motion-1/Overview.bs
+19-13Lines changed: 19 additions & 13 deletions
Original file line number
Diff line number
Diff line change
@@ -949,32 +949,38 @@ Define an anchor point: The 'offset-anchor' property {#offset-anchor-property}
949
949
950
950
<pre class=propdef>
951
951
Name: offset-anchor
952
-
Applies to: <a href="https://drafts.csswg.org/css-transforms-1/#transformable-element">transformable elements</a>
952
+
Applies to: [=transformable elements=]
953
953
Value: auto | <<position>>
954
954
Initial: auto
955
955
Media: visual
956
956
Inherited: no
957
-
Percentages: Relative to the width and the height of a box
958
-
Computed value: For <<length>> the absolute value, otherwise a percentage.
957
+
Percentages: relative to the width and the height of the element's [=reference box=]
958
+
Computed value: the ''offset-anchor/auto'' keyword or a computed <<position>>
959
959
Animation type: by computed value
960
960
</pre>
961
961
962
-
Defines an <a>anchor point</a> of the box positioned along the <a>offset path</a>. The <dfn>anchor point</dfn> specifies the point of the box which is to be considered as the point that is moved along the <a>offset path</a>.
962
+
Defines the box's <dfn export>anchor point</dfn>--
963
+
the point that is positioned along the [=offset path=].
963
964
964
965
Values have the following meanings:
965
966
<dl dfn-for="offset-anchor" dfn-type="value">
966
-
: <var>auto</var>
967
-
::
968
-
Computes to the value from 'offset-position', provided 'offset-path' is <a href="#offsetpath-none">none</a> and 'offset-position' is not ''auto''. Otherwise, computes to the value from 'transform-origin'. When ''auto'' is given to 'offset-anchor', and 'offset-path' is <a href="#offsetpath-none">none</a>, 'offset-position' behaves similar to 'background-position'.
969
-
: <<position>>
967
+
: <dfn>auto</dfn>
968
+
:: The [=anchor point=] is the same as
969
+
the point indicated by 'transform-origin'.
970
+
971
+
Specifically, the [=computed value=] of 'transform-origin'
972
+
is resolved as a <<position>>
973
+
against the element's [=reference box=].
974
+
975
+
: <dfn><<position>></dfn>
970
976
::
971
-
: <<percentage>>
972
-
::
973
-
A percentage for the horizontal offset is relative to width of content area. A percentage for the vertical offset is relative to the height of the content area. For example, with a value pair of '100%, 0%', an <a>anchor point</a> is on the upper right corner of the box.
974
-
: <<length>>
975
-
:: A length value gives a length offset from the upper left corner of the box's content area.
977
+
The [=anchor point=] is the result of resolving the <<position>>
978
+
against the element's [=reference box=].
976
979
</dl>
977
980
981
+
Issue: Which box this is resolved against is being discussed in
0 commit comments