Skip to content

Commit b68cc07

Browse files
committed
[css-anchor-1] Mention position-anchor/area in the intro.
1 parent 777260e commit b68cc07

File tree

1 file changed

+10
-9
lines changed

1 file changed

+10
-9
lines changed

css-anchor-position-1/Overview.bs

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -60,20 +60,21 @@ This flexibility can be very useful,
6060
but also very limiting--
6161
often you want to position relative to <em>some</em> other element.
6262
<dfn export>Anchor positioning</dfn>
63-
(via the <dfn export>anchor functions</dfn> ''anchor()'' and ''anchor-size()'')
63+
(via the 'position-anchor' and 'position-area' properties
64+
and/or the <dfn export>anchor functions</dfn> ''anchor()'' and ''anchor-size()'')
6465
allows authors to achieve this,
65-
"anchoring" an [=absolutely-positioned=] element
66+
anchoring an [=absolutely-positioned=] element
6667
to one or more other elements on the page,
6768
while also allowing them to try several possible positions
68-
to find the "best" one that avoids overlap/overflow.
69-
70-
For example, an author might want to position a tooltip
71-
centered and above the targeted element,
72-
unless that would place the tooltip offscreen,
73-
in which case it should be below the targeted element.
74-
This can be done with the following CSS:
69+
to find the “best” one that avoids overlap/overflow.
7570

7671
<div class=example>
72+
For example, an author might want to position a tooltip
73+
centered and above the targeted element,
74+
unless that would place the tooltip offscreen,
75+
in which case it should be below the targeted element.
76+
This can be done with the following CSS:
77+
7778
<pre class=lang-css>
7879
.anchor {
7980
anchor-name: --tooltip;

0 commit comments

Comments
 (0)