ObsoleteThis 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.
The y
property of the CSSPositionValue
interface returns the item's position along the vertical axis.
Syntax
var y = CSSPositionValue.y
Value
Example
The following example positions a container <div>
5 pixels from the top and 10 pixels from the left of the page.
let replaceEl = 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);
Browser compatibility
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.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Chrome
Full support 66 |
Edge
Full support 79 |
Firefox
No support No |
IE
No support No |
Opera
Full support 53 |
Safari
No support No |
WebView Android
Full support 66 |
Chrome Android
Full support 66 |
Firefox Android
No support No |
Opera Android
Full support 47 |
Safari iOS
No support No |
Samsung Internet Android
Full support 9.0 |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.'
- Experimental. Expect behavior to change in the future.
See Also
CSSPositionValue.CSSPositionValue
CSSPositionValue.x
- Using the CSS Typed OM
- CSS Typed Object Model API
CSSPositionValue.y by Mozilla Contributors is licensed under CC-BY-SA 2.5.