CSSPositionValue
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.
Giao diện CSSPositionValue của CSS Typed Object Model API đại diện cho các giá trị cho các thuộc tính nhận vị trí, ví dụ object-position.
Hàm khởi tạo
CSSPositionValue()Non-standard Deprecated-
Tạo một đối tượng
CSSPositionValuemới.
Thuộc tính phiên bản
CSSPositionValue.xNon-standard Deprecated-
Trả về vị trí của phần tử dọc theo trục ngang của trang web.
CSSPositionValue.yNon-standard Deprecated-
Trả về vị trí của phần tử dọc theo trục dọc.
Phương thức phiên bản
Không có.
Ví dụ
Ví dụ sau định vị container <div> cách 5 pixel từ trên cùng và 10 pixel từ bên trái trang.
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"));
Chúng ta đặt thuộc tính object-position, sau đó kiểm tra các giá trị được trả về.