Skip to content

Commit d726236

Browse files
committed
[css-position-3] Define positioning scheme terms up front.
1 parent 60099b6 commit d726236

1 file changed

Lines changed: 12 additions & 4 deletions

File tree

css-position-3/Overview.bs

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -199,7 +199,7 @@ Choosing A Positioning Scheme: 'position' property</h2>
199199
Animation type: discrete
200200
</pre>
201201

202-
The 'position' property determines which of the positioning schemes
202+
The 'position' property determines which of the <dfn export lt="positioning scheme">positioning schemes</dfn>
203203
is used to calculate the position of a box.
204204
Values other than ''static'' make the box a <dfn export lt="positioned box|positioned">positioned box</dfn>,
205205
and cause it to establish an [=absolute positioning containing block=] for its descendants.
@@ -219,6 +219,8 @@ Choosing A Positioning Scheme: 'position' property</h2>
219219
This offsetting is a purely visual effect,
220220
and does not affect the size or position of any other box,
221221
except insofar as it increases the [=scrollable overflow area=] of its ancestors.
222+
This [=positioning scheme=] is called
223+
<dfn export dfn lt="relative position|relatively position">relative positioning</dfn>.
222224

223225
<dt><dfn>sticky</dfn>
224226
<dd>
@@ -227,6 +229,8 @@ Choosing A Positioning Scheme: 'position' property</h2>
227229
in reference to the nearest ancestor [=scroll container's=] [=scrollport=]
228230
as modified by the [=inset properties=],
229231
in the axes whose [=inset property=] values are not both ''top/auto''.
232+
This [=positioning scheme=] is called
233+
<dfn export dfn lt="sticky position">sticky positioning</dfn>.
230234

231235
<dt><dfn>absolute</dfn>
232236
<dd>
@@ -239,6 +243,8 @@ Choosing A Positioning Scheme: 'position' property</h2>
239243
as modified by the box's [=inset properties=].
240244
It can overlap in-flow siblings
241245
or other [=absolutely positioned=] elements.
246+
This [=positioning scheme=] is called
247+
<dfn export dfn lt="absolute position|absolutely position">absolute positioning</dfn>.
242248

243249
<dt><dfn>fixed</dfn>
244250
<dd>
@@ -248,6 +254,9 @@ Choosing A Positioning Scheme: 'position' property</h2>
248254
The box’s position is fixed with respect to this reference rectangle:
249255
it does not move when the document is scrolled,
250256
and is replicated on every page when it is paginated.
257+
This [=positioning scheme=] is called
258+
<dfn export dfn lt="fixed position">fixed positioning</dfn>
259+
and is considered a subset of [=absolute positioning=].
251260

252261
<div class="example">
253262
Authors may wish to specify ''fixed'' in a media-dependent way.
@@ -488,14 +497,13 @@ Box Insets Shorthands: the 'inset-block', 'inset-inline', and 'inset' properties
488497
exactly as the 'margin' property does for its longhands.
489498

490499

491-
492500
<h3 id="rel-pos">
493501
Relative positioning</h3>
494502

495503
Once a box has been laid out according to the <a>normal flow</a> or <a>floated</a>,
496504
it may be offset relative to this position.
497505

498-
This is called <dfn export lt="relative position|relatively position|relpos">relative positioning</dfn>.
506+
This is called [=relative positioning=]
499507
Offsetting a box (B1) in this way has no effect on the box (B2) that follows:
500508
B2 is given a position as if B1 were not offset
501509
and B2 is not re-positioned after B1’s offset is applied.
@@ -598,7 +606,7 @@ Effects of Relative Positioning On Table Elements</h4>
598606
<h3 id="sticky-pos">
599607
Sticky positioning</h3>
600608

601-
A <dfn export lt="sticky position|sticky position|stickypos">sticky positioned</dfn> box
609+
A [=sticky positioned=] box
602610
is positioned similarly to a <a>relatively positioned</a> box,
603611
but the offset is computed with reference to the nearest ancestor with a <a>scrolling box</a>,
604612
or the viewport if no ancestor has a <a>scrolling box</a>.

0 commit comments

Comments
 (0)