CSS/Eigenschaften/position-anchor

Browserunterstützung
caniuse.com

Die Eigenschaft position-anchor gibt den Ankernamen des Ankerelements an (d. h. eines Elements, für das über die anchor-name-Eigenschaft ein Ankername festgelegt wurde), mit dem ein positioniertes Element verknüpft ist.

Erlaubte Werte

• auto:
• --anchor-name:

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

auto

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

nein

Beispiel

input::-webkit-slider-thumb {
  anchor-name: --thumb;
}

output {
  position-anchor: --thumb;
  position: absolute;
  left: anchor(right);
  bottom: anchor(top);
}

Der thumb des Slider erhält mit anchor-name einen Namen, der mit position-anchor am output-Element festgelegt und absolut positioniert wird.

Siehe auch

• Anchor positioning

Weblinks

• CSSWG: position-anchor property CSS Anchor Positioning
• MDN: position-anchor
• Details: caniuse.com