CSSPositionTryDescriptors

Inherits properties from its ancestor CSSStyleDeclaration.

The CSSPositionTryDescriptors interface defines properties that represent the CSS properties that can be set inside a @position-try at-rule.

There are 35 CSS properties that can be accessed as CSS property names or camel-case. For each one:

CSSPositionTryDescriptors.propertyName

Represents the property value set in the @position-try at-rule using the camel-cased property name.

CSSPositionTryDescriptors["property-name"]

Represents the property value set in the @position-try at-rule using the CSS property name.

The instance properties are listed below:

No specific methods; inherits methods from its ancestor CSSStyleDeclaration.

The CSS includes a @position-try at-rule with a name of --custom-right and three descriptors.

@position-try --custom-right {
  position-area: right;
  width: 100px;
  margin: 0 0 0 10px;
}

const myRules = document.styleSheets[0].cssRules;
const tryOption = myRules[0]; // a CSSPositionTryRule
console.log(tryOption.style); // "[object CSSPositionTryDescriptors]"
console.log(tryOption.style.margin); // "0 0 0 10px"
console.log(tryOption.style["position-area"]); // "right"

• CSSPositionTryRule
• @position-try
• position-try-fallbacks
• CSS anchor positioning module
• Using CSS anchor positioning
• Handling overflow: try options and conditional hiding