CSSPositionTryRule：style 属性

可用性有限

此特性不是基线特性，因为它在一些最广泛使用的浏览器中不起作用。

CSSPositionTryRule 接口的只读属性 style 返回一个 CSSPositionTryDescriptors 对象，该对象表示在 @position-try 规则体中设置的声明。

值

一个 CSSPositionTryDescriptors 对象。

示例

CSS 包含一个名为 --custom-right 的 @position-try at-rule，以及三个描述符。

css

@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.style.top); // "anchor(bottom)"
console.log(tryOption.style["min-width"]); // "100px"
console.log(tryOption.style.positionArea); // ""; no position-area specified

规范

规范
CSS 锚点定位 # dom-csspositiontryrule-style

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

此页面最后修改于 2025年8月20日，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的错误