Skip to content

Commit 681621f

Browse files
committed
[css-anchor-position-1] Add the x-self-start/etc variants too, to be consistent.
1 parent 05984c0 commit 681621f

File tree

1 file changed

+18
-18
lines changed

1 file changed

+18
-18
lines changed

css-anchor-position-1/Overview.bs

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -369,12 +369,14 @@ Animation type: TBD
369369

370370
<pre class=prod>
371371
<dfn>&lt;inset-area-span></dfn> =
372+
[ start || end || center ] |
373+
[ self-start || self-end || center ] |
372374
[ top || bottom || center ] |
373375
[ left || right || center ] |
374376
[ x-start || x-end || center ] |
375377
[ y-start || y-end || center ] |
376-
[ start || end || center ] |
377-
[ self-start || self-end || center ] |
378+
[ x-self-start || x-self-end || center ] |
379+
[ y-self-start || y-self-end || center ] |
378380
all
379381
</pre>
380382

@@ -448,26 +450,24 @@ and/or the "end region" between the last two.
448450
:: All three regions of that axis,
449451
spanning the entire breadth of the containing block.
450452

451-
: <dfn>start</dfn>
452-
: <dfn>end</dfn>
453-
: <dfn>self-start</dfn>
454-
: <dfn>self-end</dfn>
453+
: <dfn>start</dfn>, <dfn>end</dfn>, <dfn>self-start</dfn>, <dfn>self-end</dfn>
454+
: <dfn>top</dfn>, <dfn>bottom</dfn>, <dfn>left</dfn>, <dfn>right</dfn>
455+
: <dfn>y-start</dfn>, <dfn>y-end</dfn>, <dfn>y-self-start</dfn>, <dfn>y-self-end</dfn>
456+
: <dfn>x-start</dfn>, <dfn>x-end</dfn>, <dfn>x-self-start</dfn>, <dfn>x-self-end</dfn>
455457
: <dfn>center</dfn>
456-
: <dfn>top</dfn>
457-
: <dfn>bottom</dfn>
458-
: <dfn>y-start</dfn>
459-
: <dfn>y-end</dfn>
460-
: <dfn>left</dfn>
461-
: <dfn>right</dfn>
462-
: <dfn>x-start</dfn>
463-
: <dfn>x-end</dfn>
464458
:: Any single keyword refers just to that region in the axis.
465459

466460
Like in ''anchor()'',
467-
''inset-area/start'' and ''inset-area/end''
468-
refer to the writing mode of the element's [=containing block=],
469-
while ''inset-area/self-start'' and ''inset-area/self-end''
470-
refer to the element's own writing mode.
461+
the plain logical keywords
462+
(''inset-area/start'', ''inset-area/end'', etc)
463+
refer to the writing mdoe of the element's [=containing block=].
464+
The ''inset-area/x-start''/etc determine their direction in the same way,
465+
but in the specified physical axis.
466+
467+
The "self" logical keyword
468+
(''inset-area/self-start'', ''inset-area/x-self-end'', etc)
469+
are identical,
470+
but refer to the element's own writing mode.
471471

472472
: two keywords
473473
:: Refers to the area spanned by the two indicated regions.

0 commit comments

Comments
 (0)