在此页

• 句法
• 范例
• 浏览器兼容性
• 另请参阅
• 相关话题

过时
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.

x 特性为 CSSPositionValue interface returns returns the item's position along the web page's horizontal axis.

句法

var x = CSSPositionValue.x
					

值

A CSSNumericValue .

范例

The following example positions a container <div> 5 pixels from the top and 10 pixels from the left of the page.

let someDiv = document.getElementById('container');
let position = new CSSPositionValue(CSS.px(5), CSS.px(10));
someDiv.attributeStyleMap.set('object-position', position);
console.log(position.x.value, position.y.value);
					

浏览器兼容性

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
x	Chrome 66	Edge 79	Firefox No	IE No	Opera 53	Safari No	WebView Android 66	Chrome Android 66	Firefox Android No	Opera Android 47	Safari iOS No	Samsung Internet Android 9.0

图例

完整支持

完整支持

不支持

不支持

实验。期望将来行为有所改变。

实验。期望将来行为有所改变。

另请参阅

• CSSPositionValue.CSSPositionValue()
• CSSPositionValue.y
• Using the CSS Typed OM
• CSS Typed Object Model API

元数据

• 最后修改： Dec 9, 2019

相关话题

1. CSSPositionValue
2. 构造函数

   1. CSSPositionValue()
3. 特性

   1. x
   2. y