CSS/Eigenschaften/anchor-name

Browserunterstützung
caniuse.com

Die Eigenschaft anchor-name legt den Ankernamen des Ankerelements fest, mit dem es dann über die position-anchor-Eigenschaft verknüpft wird.

Erlaubte Werte

• none:
• --anchor-name: dashed ident

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

none

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: anchor-name property CSS Anchor Positioning
• MDN: anchor-name
• Details: caniuse.com