@@ -369,12 +369,14 @@ Animation type: TBD
369
369
370
370
<pre class=prod>
371
371
<dfn><inset-area-span></dfn> =
372
+ [ start || end || center ] |
373
+ [ self-start || self-end || center ] |
372
374
[ top || bottom || center ] |
373
375
[ left || right || center ] |
374
376
[ x-start || x-end || center ] |
375
377
[ 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 ] |
378
380
all
379
381
</pre>
380
382
@@ -448,26 +450,24 @@ and/or the "end region" between the last two.
448
450
:: All three regions of that axis,
449
451
spanning the entire breadth of the containing block.
450
452
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>
455
457
: <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>
464
458
:: Any single keyword refers just to that region in the axis.
465
459
466
460
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.
471
471
472
472
: two keywords
473
473
:: Refers to the area spanned by the two indicated regions.
0 commit comments