CSSPositionValue
已弃用:此功能不再推荐。虽然某些浏览器可能仍然支持它,但它可能已从相关的 Web 标准中删除,可能正在被删除过程中,或者可能仅出于兼容性目的而保留。避免使用它,并尽可能更新现有代码;请参阅此页面底部的兼容性表格,以指导您的决策。请注意,此功能可能随时停止工作。
非标准:此功能是非标准的,并且不在标准轨道上。不要在面向 Web 的生产站点上使用它:它不会对每个用户都起作用。实现之间也可能存在很大的不兼容性,并且行为将来可能会发生变化。
CSSPositionValue
是CSS Typed 对象模型 API的一个接口,表示接受位置属性的值,例如object-position
。
构造函数
CSSPositionValue()
非标准 已弃用-
创建一个新的
CSSPositionValue
对象。
实例属性
CSSPositionValue.x
非标准 已弃用-
返回项目沿网页水平轴的位置。
CSSPositionValue.y
非标准 已弃用-
返回项目沿垂直轴的位置。
实例方法
无。
示例
以下示例将一个容器 <div>
定位在页面顶部 5 像素和左侧 10 像素处。
js
const replacedEl = document.getElementById("image");
const position = new CSSPositionValue(CSS.px(35), CSS.px(40));
replacedEl.attributeStyleMap.set("object-position", position);
console.log(position.x.value, position.y.value);
console.log(replacedEl.computedStyleMap().get("object-position"));
我们设置了object-position
属性,然后检查返回的值。
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。