CSSPositionTryRule：name 属性

可用性有限

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

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

name 是 CSSPositionTryRule 接口的只读属性，它表示由 @position-try at-规则的 <dashed-ident> 指定的位置尝试回退选项的名称。

值

字符串。

示例

CSS 包含一个名为 --custom-bottom 且具有三个描述符的 @position-try at-规则。

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.name); // "--custom-bottom"

规范

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

浏览器兼容性

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

另请参阅