@@ -360,7 +360,7 @@ The 'inset-area' Property {#inset-area}
360
360
361
361
<pre class=propdef>
362
362
Name : inset-area
363
- Value : none | <inset-area-span> [ / <inset-area-span> ]?
363
+ Value : none | << inset-area-span>> [ / << inset-area-span> > ]?
364
364
Initial : none
365
365
Inherited : no
366
366
Applies to : positioned elements with a [=default anchor element=]
@@ -431,7 +431,7 @@ In order:
431
431
* the start edge of the element's [=containing block=]
432
432
(aka the position referred to by ''top: 0px;''
433
433
or whatever [=inset property=] corresponds to
434
- the start side fo the containing block)
434
+ the start side of the containing block)
435
435
* the ''anchor(start)'' edge of the [=default anchor element=]
436
436
* the ''anchor(end)'' edge of the [=default anchor element=]
437
437
* the end edge of the element's [=containing block=]
@@ -441,7 +441,7 @@ In order:
441
441
Each <<inset-area-span>> specifies 1-3 regions in a given axis of that grid:
442
442
the "start" region between the first two of those grid lines;
443
443
the "center" region between the center two;
444
- or the "end region" between the last two.
444
+ and/ or the "end region" between the last two.
445
445
446
446
<dl dfn-type=value dfn-for="inset-area, <inset-area-span> ">
447
447
: <dfn>all</dfn>
@@ -482,7 +482,6 @@ or the "end region" between the last two.
482
482
483
483
Two spans referring to different axises
484
484
thus define a rectangular region of the [=inset-area grid=] .
485
-
486
485
To determine the axises of two spans:
487
486
488
487
* If a span include a keyword that implies a physical axis
@@ -525,14 +524,15 @@ is ''align-self/normal'':
525
524
which will compute the [=inset properties=] to:
526
525
527
526
<pre highlight=css>
528
- /* "auto" computes to: */
529
- top: 0px;
530
- bottom: anchor(start);
531
- left: 0px;
532
- right: anchor(end);
533
- /* "normal" behaves as: */
534
- align-self: end;
535
- justify-self: anchor-center;
527
+ /* "auto" computes to */
528
+ top: 0px;
529
+ bottom: anchor(start);
530
+ left: 0px;
531
+ right: anchor(end);
532
+
533
+ /* "normal" behaves as */
534
+ align-self: end;
535
+ justify-self: anchor-center;
536
536
</pre>
537
537
538
538
In other words, its [=inset-modified containing block=]
0 commit comments