CSSPositionTryRule: name property

{{APIRef("CSSOM") }}

The name read-only property of the {{domxref("CSSPositionTryRule")}} interface represents the name of the position try fallback option specified by the @position-try at-rule's {{cssxref("dashed-ident")}}.

Value

A string.

Examples

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

@position-try --custom-bottom {
  top: anchor(bottom);
  min-width: 100px;
  margin-top: 10px;
}

const myRules = document.styleSheets[0].cssRules;
const tryOption = myRules[0]; // a CSSPositionTryRule
console.log(tryOption.name); // "--custom-bottom"

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{DOMxRef("CSSPositionTryDescriptors")}}
• {{cssxref("@position-try")}}
• {{cssxref("position-try-fallbacks")}}
• CSS anchor positioning module
• Using CSS anchor positioning
• Handling overflow: try options and conditional hiding