Skip to content

Commit 4dfca89

Browse files
jihyerishsvgeesus
authored andcommitted
End point of the ray path is defined by <size>
1 parent a63411f commit 4dfca89

2 files changed

Lines changed: 4 additions & 6 deletions

File tree

motion-1/Overview.bs

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -126,8 +126,7 @@ Values have the following meanings:
126126
<dt><<angle>></dt>
127127
<dd>
128128
The path is a line segment that starts from the position of the element
129-
and proceeds in the direction defined by the specified <<angle>> from the y axis.
130-
The path ends at the edge of the containing block.
129+
and proceeds in the direction defined by the specified <<angle>> from the y axis.
131130
For <<angle>>, the initial value ''none'' is interpreted as ''0deg'',
132131
the element can be positioned along the y axis.
133132
If the <<angle>> value increases in the positive direction, the element moves clockwise.
@@ -148,7 +147,7 @@ Values have the following meanings:
148147
<dl>
149148

150149
<dt><<size>></dt>
151-
<dd>Decides the position of the end point of the path when it is used with <<percentage>>.
150+
<dd>Decides the position of the end point of the path.
152151
When the offset of the element on the path is specified with <<percentage>>,
153152
it needs to guarantee the constant calculated value regardless of <<angle>>.
154153
To do that, <<size>> gives a distance between the start point and the end point of the path.

motion-1/Overview.html

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -458,8 +458,7 @@ <h3 class="heading settled" data-level="4.1" id="offset-path-property"><span cla
458458
<dt><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#angle-value" title="Expands to: turn | rad | grad | deg">&lt;angle></a>
459459
<dd>
460460
The path is a line segment that starts from the position of the element
461-
and proceeds in the direction defined by the specified <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#angle-value" title="Expands to: turn | rad | grad | deg">&lt;angle></a> from the y axis.
462-
The path ends at the edge of the containing block.
461+
and proceeds in the direction defined by the specified <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#angle-value" title="Expands to: turn | rad | grad | deg">&lt;angle></a> from the y axis.
463462
For <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#angle-value" title="Expands to: turn | rad | grad | deg">&lt;angle></a>, the initial value <a class="css" data-link-type="maybe" href="#valdef-offset-path-none" id="ref-for-valdef-offset-path-none-1">none</a> is interpreted as <span class="css">0deg</span>,
464463
the element can be positioned along the y axis.
465464
If the <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#angle-value" title="Expands to: turn | rad | grad | deg">&lt;angle></a> value increases in the positive direction, the element moves clockwise.
@@ -477,7 +476,7 @@ <h3 class="heading settled" data-level="4.1" id="offset-path-property"><span cla
477476
<dl>
478477
<dt><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-images-3/#typedef-size" title="Expands to: farthest-side | closest-corner | <length-percentage>{2} | <length> | closest-side | farthest-corner">&lt;size></a>
479478
<dd>
480-
Decides the position of the end point of the path when it is used with <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#percentage-value">&lt;percentage></a>.
479+
Decides the position of the end point of the path.
481480
When the offset of the element on the path is specified with <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#percentage-value">&lt;percentage></a>,
482481
it needs to guarantee the constant calculated value regardless of <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#angle-value" title="Expands to: turn | rad | grad | deg">&lt;angle></a>.
483482
To do that, <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-images-3/#typedef-size" title="Expands to: farthest-side | closest-corner | <length-percentage>{2} | <length> | closest-side | farthest-corner">&lt;size></a> gives a distance between the start point and the end point of the path.

0 commit comments

Comments
 (0)