This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The x
property of the CSSPositionValue
interface returns returns the item's position along the web page's horizontal axis.
var x = CSSPositionValue.x
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);
Specification | Status | Comment |
---|---|---|
CSS Typed OM Level 1 The definition of 'x' in that specification. | Working Draft | Initial definition. |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | 66 | No | No | No | 53 | No |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | 66 | 66 | No | No | 53 | No | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSPositionValue/x