CSSPositionValue

已弃用:此功能不再推荐。虽然某些浏览器可能仍然支持它,但它可能已从相关的 Web 标准中删除,可能正在被删除过程中,或者可能仅出于兼容性目的而保留。避免使用它,并尽可能更新现有代码;请参阅此页面底部的兼容性表格,以指导您的决策。请注意,此功能可能随时停止工作。

非标准:此功能是非标准的,并且不在标准轨道上。不要在面向 Web 的生产站点上使用它:它不会对每个用户都起作用。实现之间也可能存在很大的不兼容性,并且行为将来可能会发生变化。

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

另请参阅