@@ -360,7 +360,7 @@ The 'inset-area' Property {#inset-area}
360360
361361<pre class=propdef>
362362Name : inset-area
363- Value : none | <inset-area-span> [ / <inset-area-span> ]?
363+ Value : none | << inset-area-span>> [ / << inset-area-span> > ]?
364364Initial : none
365365Inherited : no
366366Applies to : positioned elements with a [=default anchor element=]
@@ -431,7 +431,7 @@ In order:
431431* the start edge of the element's [=containing block=]
432432 (aka the position referred to by ''top: 0px;''
433433 or whatever [=inset property=] corresponds to
434- the start side fo the containing block)
434+ the start side of the containing block)
435435* the ''anchor(start)'' edge of the [=default anchor element=]
436436* the ''anchor(end)'' edge of the [=default anchor element=]
437437* the end edge of the element's [=containing block=]
@@ -441,7 +441,7 @@ In order:
441441Each <<inset-area-span>> specifies 1-3 regions in a given axis of that grid:
442442the "start" region between the first two of those grid lines;
443443the "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.
445445
446446<dl dfn-type=value dfn-for="inset-area, <inset-area-span> ">
447447 : <dfn>all</dfn>
@@ -482,7 +482,6 @@ or the "end region" between the last two.
482482
483483Two spans referring to different axises
484484thus define a rectangular region of the [=inset-area grid=] .
485-
486485To determine the axises of two spans:
487486
488487* If a span include a keyword that implies a physical axis
@@ -525,14 +524,15 @@ is ''align-self/normal'':
525524 which will compute the [=inset properties=] to:
526525
527526 <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;
536536 </pre>
537537
538538 In other words, its [=inset-modified containing block=]
0 commit comments