added normal & match-parent values and updated intro

[dletorey]

Description

• Updated the introduction for position-anchor property
• Updated syntax for position-anchor property
• Updated values for position-anchor property

Motivation

• Working on MDN issues #43867

Related issues and pull requests

• Data PR
• Firefox Release PR

[github-actions]

Preview URLs (1 page)

• /en-US/docs/Web/CSS/Reference/Properties/position-anchor

(comment last updated: 2026-05-08 00:27:02)

[hamishwillee]

I don't understand this. Does it mean:

Suggested change

	- : Uses the same default anchor element as the parent or originating element, if this is a [pseudo-element](/en-US/docs/Glossary/Pseudo-element) ​if any, and if that would be an acceptable anchor element. Otherwise it has no default anchor element.
	- : Uses the same default anchor element as the parent element, or the originating element if this is a [pseudo-element](/en-US/docs/Glossary/Pseudo-element), provided that would be an acceptable anchor element. Otherwise, it has no default anchor element.

Note, I don't know what would make a pseudo element acceptable

[hamishwillee]

Suggested change

	- : If {{cssxref("position-area")}} is `none`, behaves as `none`. Otherwise, behaves as `auto`.
	- : If {{cssxref("position-area")}} is `none`, it behaves as `none`. Otherwise it behaves as `auto`.

[hamishwillee]

The problem predates your chagens, but I don't understand this as written. I think it means this - can you confirm? Note that I used <anchor-name> rather than the property, because those methods specify it this way. When you link though, the value is an anchor-name property value.

Suggested change

	The **`position-anchor`** [CSS](/en-US/docs/Web/CSS) property specifies the default **anchor element** (i.e., an element that has an **anchor name** set on it via the {{cssxref("anchor-name")}} property), which is used by {{cssxref("position-area")}}, {{cssxref("position-try")}}, and (by default) all anchor functions ({{cssxref("anchor()")}} and {{cssxref("anchor-size()")}}) applied to this element.
	The **`position-anchor`** [CSS](/en-US/docs/Web/CSS) property specifies the default **anchor element** for a positioned element.
	This default is used by {{cssxref("position-area")}} and {{cssxref("position-try")}}, and by anchor functions ({{cssxref("anchor()")}} and {{cssxref("anchor-size()")}}) when no `<anchor-name>` argument is provided to those functions.