CSSPositionTryRule:style 属性

有限可用性

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

实验性: 这是一个 实验性技术
在生产环境中使用此功能之前,请仔细查看 浏览器兼容性表

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

一个 CSSPositionTryDescriptors 对象。

示例

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

css
@position-try --custom-bottom {
  top: anchor(bottom);
  min-width: 100px;
  margin: 10px 0 0 0;
}
js
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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅