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 的浏览器中加载。