@@ -98,6 +98,19 @@ Link Defaults: css-transforms-1 (property) transform
98
98
99
99
</style>
100
100
101
+ <pre class=anchors>
102
+ urlPrefix: https://www.w3.org/TR/CSS2/visuren.html; spec: CSS2;
103
+ url: #normal-flow; text: normal flow; type: dfn;
104
+ url: #x1; text: viewport; type: dfn;
105
+ urlPrefix: https://www.w3.org/TR/CSS21/media.html; spec: CSS2;
106
+ url: #continuous-media-group; text: continuous media; type: dfn;
107
+ url: #paged-media-group; text: paged media; type: dfn;
108
+ </pre>
109
+
110
+ <pre class=link-defaults>
111
+ spec: css-align-3; type: value; text: stretch
112
+ </pre>
113
+
101
114
<h2 id="intro">
102
115
Introduction</h2>
103
116
@@ -224,7 +237,7 @@ Choosing A Positioning Scheme: 'position' property</h2>
224
237
and does not affect the size or position of any other box,
225
238
except insofar as it increases the [=scrollable overflow area=] of its ancestors.
226
239
This [=positioning scheme=] is called
227
- <dfn export dfn lt="relative position | relatively position | relatively-positioned | relatively positioned box" local-lt="relative|relatively">relative positioning</dfn> .
240
+ <dfn export dfn for="" lt="relative position | relatively position | relatively-positioned | relatively positioned box" local-lt="relative|relatively">relative positioning</dfn> .
228
241
229
242
<dt> <dfn>sticky</dfn>
230
243
<dd>
@@ -236,7 +249,7 @@ Choosing A Positioning Scheme: 'position' property</h2>
236
249
to try to keep the box in view within its [=containing block=]
237
250
as the user scrolls.
238
251
This [=positioning scheme=] is called
239
- <dfn export dfn lt="sticky position | sticky-positioned | sticky-positioned box" local-lt="sticky">sticky positioning</dfn> .
252
+ <dfn export dfn for="" lt="sticky position | sticky-positioned | sticky-positioned box" local-lt="sticky">sticky positioning</dfn> .
240
253
241
254
<dt> <dfn>absolute</dfn>
242
255
<dd>
@@ -253,7 +266,7 @@ Choosing A Positioning Scheme: 'position' property</h2>
253
266
and is included in the [=scrollable overflow area=]
254
267
of the box that generates is [=containing block=] .
255
268
This [=positioning scheme=] is called
256
- <dfn export dfn lt="absolute position | absolutely position | absolutely-positioned | absolutely positioned box | absolutely positioned element" local-lt="absolute|absolutely">absolute positioning</dfn> .
269
+ <dfn export dfn for="" lt="absolute position | absolutely position | absolutely-positioned | absolutely positioned box | absolutely positioned element" local-lt="absolute|absolutely">absolute positioning</dfn> .
257
270
258
271
<dt> <dfn>fixed</dfn>
259
272
<dd>
@@ -264,7 +277,7 @@ Choosing A Positioning Scheme: 'position' property</h2>
264
277
it does not move when the document is scrolled,
265
278
and is replicated on every page when it is paginated.
266
279
This [=positioning scheme=] is called
267
- <dfn export dfn lt="fixed position | fixed-positioned | fixed-positioned box" local-lt="fixed">fixed positioning</dfn>
280
+ <dfn export dfn for="" lt="fixed position | fixed-positioned | fixed-positioned box" local-lt="fixed">fixed positioning</dfn>
268
281
and is considered a subset of [=absolute positioning=] .
269
282
270
283
<div class="example">
@@ -488,8 +501,8 @@ Box Insets Shorthands: the 'inset-block', 'inset-inline', and 'inset' properties
488
501
or 'inset-inline-start' + 'inset-inline-end' ,
489
502
respectively,
490
503
in a single declaration.
491
- The first component value sets the start side,
492
- the second sets the end;
504
+ The first component value sets the [=CSS/ start=] side,
505
+ the second sets the [=CSS/ end=] ;
493
506
if omitted, the second value defaults to the first.
494
507
495
508
<pre class="propdef">
@@ -523,21 +536,21 @@ Relative Positioning</h3>
523
536
524
537
<ul>
525
538
<li>
526
- If opposing [=inset properties=] in an axis both compute to 'auto'
539
+ If opposing [=inset properties=] in an axis both compute to ''top/ auto' '
527
540
(their [=initial values=] ),
528
541
their [=used values=] are zero
529
542
(i.e., the boxes stay in their original position in that axis).
530
543
531
544
<li>
532
- If only one is ''auto'' ,
545
+ If only one is ''top/ auto'' ,
533
546
its [=used value=] becomes the negation of the other,
534
547
and the box is shifted by the specified amount.
535
548
536
549
<li>
537
- If neither is ''auto'' ,
550
+ If neither is ''top/ auto'' ,
538
551
the position is over-constrained;
539
- the [=computed value|computed=] [=end=] side value is ignored,
540
- and its [=used value=] becomes the negation of the [=start=] side.
552
+ the [=computed value|computed=] [=CSS/ end=] side value is ignored,
553
+ and its [=used value=] becomes the negation of the [=CSS/ start=] side.
541
554
</ul>
542
555
543
556
@@ -556,7 +569,7 @@ Relative Positioning</h3>
556
569
If specified on
557
570
a ''table-row-group'' , ''table-header-group'' , ''table-footer-group'' , or ''table-row'' [=box=]
558
571
the shift affects all the contents of the box,
559
- including all [= table cells=] that originate in the affected row,
572
+ including all <a value lt=" table-cell">table cells</a> that originate in the affected row,
560
573
but not those that don't.
561
574
562
575
Note: Since 'position' does not apply to ''table-column-group'' or ''table-column'' boxes,
@@ -602,10 +615,10 @@ Sticky positioning</h3>
602
615
For each side of the box,
603
616
if the corresponding [=inset property=] is not ''top/auto'' ,
604
617
and the corresponding [=border edge=] of the box would be outside
605
- the corresponding edge of the [=sticky viewport rectangle=] ,
618
+ the corresponding edge of the [=sticky view rectangle=] ,
606
619
then the box must be visually shifted
607
620
([[#relpos-insets|as for relative positioning]] )
608
- to be inward of that [=sticky viewport rectangle=] edge,
621
+ to be inward of that [=sticky view rectangle=] edge,
609
622
insofar as it can while its [=position box=]
610
623
remains contained within its [=containing block=] .
611
624
The <dfn>position box</dfn> is its [=margin box=] ,
@@ -722,7 +735,7 @@ Fragmenting Absolutely-positioned Elements</h4>
722
735
Fixed positioning</h3>
723
736
724
737
[=Fixed positioning=] is similar to absolute positioning.
725
- The only difference is that for a [=fixed positioned box=] ,
738
+ The only difference is that for a [=fixed positioned=] [= box=] ,
726
739
the <a>containing block</a> is:
727
740
728
741
* in <a href="https://www.w3.org/TR/CSS2/media.html#continuous-media-group">continuous media</a> ,
@@ -734,7 +747,7 @@ Fixed positioning</h3>
734
747
735
748
* in <a href="https://www.w3.org/TR/CSS2/media.html#paged-media-group">paged media</a> ,
736
749
the [=page area=] of each page;
737
- [=fixed boxes=] are thus replicated on every page.
750
+ [=fixed positioned=] [= boxes=] are thus replicated on every page.
738
751
(They are fixed with respect to the page box only,
739
752
and are not affected by being seen through a [=viewport=] ;
740
753
as in the case of print preview, for example.)
@@ -753,7 +766,7 @@ Absolute Positioning Layout Model</h2>
753
766
[=Absolute positioning=] not only takes a box out of flow,
754
767
but also lays it out in its [=containing block=]
755
768
(after the final size of the [=containing block=] has been determined)
756
- according to the <dfn lt="absolute positioning layout | absolute postioning layout model">absolute positioning layout model</dfn> :
769
+ according to the <dfn export lt="absolute positioning layout | absolute postioning layout model">absolute positioning layout model</dfn> :
757
770
758
771
<ol>
759
772
<li>
0 commit comments