W3cubDocs

/DOM

CSSPositionValue.x

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.

Syntax

var x = CSSPositionValue.x

Value

A CSSNumericValue.

Example

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);

Specifications

Specification Status Comment
CSS Typed OM Level 1
The definition of 'x' in that specification.
Working Draft Initial definition.

Browser compatibilityUpdate compatibility data on GitHub

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