CSS/Eigenschaften/anchor-name
Aus SELFHTML-Wiki
CSS | Eigenschaften
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
undrevert
- 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
Weblinks
- CSSWG: anchor-name property CSS Anchor Positioning
- MDN: anchor-name
- Details: caniuse.com
Liste der CSS-Eigenschaften
- Positionierung und Anzeige
- Abstände
- Benutzeroberfläche
- Container
- generierter Inhalt
- Größenangaben
- Box-Ausrichtung
- Flexbox Layout
- Grid Layout
- Hintergründe
- Listen
- Tabellen
- Scroll Snap
- Rahmen und Schatten
- Schriftformatierung
- Textformatierung
- Textausrichtung
- Umbruchsteuerung
- Transformationen
- Animationen