CSSMatrixComponent: matrix property

Limited availability

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

The matrix property of the CSSMatrixComponent interface gets and sets a 2d or 3d matrix.

See the matrix() and matrix3d() pages for examples.

Specifications

Specification
CSS Typed OM Level 1 # dom-cssmatrixcomponent-matrix

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`matrix`	Chrome – Full support Chrome 66 (Release date: 2018-04-17) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – No support Firefox footnote footnote See bug 1278697	Opera – Full support Opera 53 (Release date: 2018-05-10) footnote Full support	Safari – Full support Safari 16.4 (Release date: 2023-03-27) footnote Full support	Chrome Android – Full support Chrome Android 66 (Release date: 2018-04-17) footnote Full support	Firefox for Android – No support Firefox for Android footnote footnote See bug 1278697	Opera Android – Full support Opera Android 47 (Release date: 2018-07-23) footnote Full support	Safari on iOS – Full support Safari on iOS 16.4 (Release date: 2023-03-27) footnote Full support	Samsung Internet – Full support Samsung Internet 9 (Release date: 2018-09-15) footnote Full support	WebView Android – Full support WebView Android 66 (Release date: 2018-04-17) footnote Full support	WebView on iOS – Full support WebView on iOS 16.4 (Release date: 2023-03-27) footnote Full support

Tip: you can click/tap on a cell for more information.

This page was last modified on Dec 17, 2025 by MDN contributors.

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.