W3cubDocs

/Web APIs

CSSScale: z property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

The z property of the CSSScale interface representing the z-component of the translating vector. A positive value moves the element towards the viewer, and a negative value farther away.

If this value is present then the transform is a 3D transform and the is2D property will be set to false.

Value

A CSSNumericValue. Can be set to a number, which is wrapped in a CSSUnitValue of unit: "number".

Examples

To Do

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet WebView Android WebView on iOS
z 66 79 No 53 16.4 66 No 47 16.4 9.0 66 16.4

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSScale/z