CSSPositionTryRule
Baseline
2026
Neu verfügbar
Seit January 2026 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
Das CSSPositionTryRule-Interface beschreibt ein Objekt, das eine @position-try At-Regel repräsentiert.
Instanz-Eigenschaften
Erbt Eigenschaften von seinem Vorfahren CSSRule.
CSSPositionTryRule.nameSchreibgeschützt-
Repräsentiert den Namen der Position Try-Option, die durch die
@position-tryAt-Regel's<dashed-ident>angegeben wird. CSSPositionTryRule.styleSchreibgeschützt-
Ein
CSSPositionTryDescriptors-Objekt, das die Deklarationen darstellt, die im Körper der@position-tryAt-Regel festgelegt sind.
Instanz-Methoden
Keine spezifischen Methoden; erbt Methoden von seinem Vorfahren CSSRule.
Beispiele
Das CSS enthält eine @position-try At-Regel mit einem Namen von --custom-left und drei Deskriptoren.
@position-try --custom-left {
position-area: left;
width: 20%;
max-width: 200px;
margin-right: 10px;
}
const myRules = document.styleSheets[0].cssRules;
const tryOption = myRules[0]; // a CSSPositionTryRule
console.log(tryOption); // "[object CSSPositionTryRule]"
console.log(tryOption.name); // "--custom-left"
console.log(tryOption.style); // "[object CSSPositionTryDescriptors]"
console.log(tryOption.style.maxWidth); // "200px"
Spezifikationen
| Spezifikation |
|---|
| CSS Anchor Positioning Module Level 1 # csspositiontryrule |