Numeric factory functionsLimited availability

The numeric factory functions, such as CSS.px() or CSS.kHz(), return a CSSUnitValue representing a CSS number value (as in 12px or 440kHz).

Not yet supported in all major browsers — check the table and provide a fallback.

How to use ↓Compare browsers

Browser support

DesktopChrome

1–65Not supported

66+Supportedsince Apr 17, 2018

Current: 155

Edge

12–18Not supported

79+Supportedsince Jan 15, 2020

Current: 154

Firefox

✕Not supportedup to 157

Current: 157

Safari

1–16.3Not supported

16.4+Supportedsince Mar 27, 2023

Current: 27

MobileChrome Android

18–65Not supported

66+Supportedsince Apr 17, 2018

Current: 155

Firefox Android

✕Not supportedup to 157

Current: 157

Safari iOS

1–16.3Not supported

16.4+Supportedsince Mar 27, 2023

Current: 27

How to use

Not supported in Firefox, Firefox Android. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Example

Full syntax and examples are on MDN: factory functions static.

Feature detection

JS · check before using

if ("CSS" in globalThis && "Hz" in CSS) {
  // CSS.Hz is available
}

Documentation (MDN)

factory functions static ↗

Specification

drafts.css-houdini.org#numeric-factory ↗

Sub-features

Support for each part of the feature (63). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
CSS.Hz_static	66	79	✕	16.4	66	✕	16.4
CSS.Q_static	66	79	✕	16.4	66	✕	16.4
CSS.cap_static	118	118	✕	17.2	118	✕	17.2
CSS.ch_static	66	79	✕	16.4	66	✕	16.4
CSS.cm_static	66	79	✕	16.4	66	✕	16.4
CSS.cqb_static	105	105	✕	16.4	105	✕	16.4
CSS.cqh_static	105	105	✕	16.4	105	✕	16.4
CSS.cqi_static	105	105	✕	16.4	105	✕	16.4
CSS.cqmax_static	105	105	✕	16.4	105	✕	16.4
CSS.cqmin_static	105	105	✕	16.4	105	✕	16.4
CSS.cqw_static	105	105	✕	16.4	105	✕	16.4
CSS.deg_static	66	79	✕	16.4	66	✕	16.4
CSS.dpcm_static	66	79	✕	16.4	66	✕	16.4
CSS.dpi_static	66	79	✕	16.4	66	✕	16.4
CSS.dppx_static	66	79	✕	16.4	66	✕	16.4
CSS.dvb_static	108	108	✕	16.4	108	✕	16.4
CSS.dvh_static	108	108	✕	16.4	108	✕	16.4
CSS.dvi_static	108	108	✕	16.4	108	✕	16.4
CSS.dvmax_static	108	108	✕	16.4	108	✕	16.4
CSS.dvmin_static	108	108	✕	16.4	108	✕	16.4

Show 43 more

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
CSS.dvw_static	108	108	✕	16.4	108	✕	16.4
CSS.em_static	66	79	✕	16.4	66	✕	16.4
CSS.ex_static	66	79	✕	16.4	66	✕	16.4
CSS.fr_static	66	79	✕	16.4	66	✕	16.4
CSS.grad_static	66	79	✕	16.4	66	✕	16.4
CSS.ic_static	118	118	✕	16.4	118	✕	16.4
CSS.in_static	66	79	✕	16.4	66	✕	16.4
CSS.kHz_static	66	79	✕	16.4	66	✕	16.4
CSS.lh_static	118	118	✕	16.4	118	✕	16.4
CSS.lvb_static	108	108	✕	16.4	108	✕	16.4
CSS.lvh_static	108	108	✕	16.4	108	✕	16.4
CSS.lvi_static	108	108	✕	16.4	108	✕	16.4
CSS.lvmax_static	108	108	✕	16.4	108	✕	16.4
CSS.lvmin_static	108	108	✕	16.4	108	✕	16.4
CSS.lvw_static	108	108	✕	16.4	108	✕	16.4
CSS.mm_static	66	79	✕	16.4	66	✕	16.4
CSS.ms_static	66	79	✕	16.4	66	✕	16.4
CSS.number_static	66	79	✕	16.4	66	✕	16.4
CSS.pc_static	66	79	✕	16.4	66	✕	16.4
CSS.percent_static	66	79	✕	16.4	66	✕	16.4
CSS.pt_static	66	79	✕	16.4	66	✕	16.4
CSS.px_static	66	79	✕	16.4	66	✕	16.4
CSS.rad_static	66	79	✕	16.4	66	✕	16.4
CSS.rcap_static	118	118	✕	17.2	118	✕	17.2
CSS.rch_static	118	118	✕	17.2	118	✕	17.2
CSS.rem_static	66	79	✕	16.4	66	✕	16.4
CSS.rex_static	118	118	✕	17.2	118	✕	17.2
CSS.ric_static	118	118	✕	17.2	118	✕	17.2
CSS.rlh_static	118	118	✕	16.4	118	✕	16.4
CSS.s_static	66	79	✕	16.4	66	✕	16.4
CSS.svb_static	108	108	✕	16.4	108	✕	16.4
CSS.svh_static	108	108	✕	16.4	108	✕	16.4
CSS.svi_static	108	108	✕	16.4	108	✕	16.4
CSS.svmax_static	108	108	✕	16.4	108	✕	16.4
CSS.svmin_static	108	108	✕	16.4	108	✕	16.4
CSS.svw_static	108	108	✕	16.4	108	✕	16.4
CSS.turn_static	66	79	✕	16.4	66	✕	16.4
CSS.vb_static	108	108	✕	16.4	108	✕	16.4
CSS.vh_static	66	79	✕	16.4	66	✕	16.4
CSS.vi_static	108	108	✕	16.4	108	✕	16.4
CSS.vmax_static	66	79	✕	16.4	66	✕	16.4
CSS.vmin_static	66	79	✕	16.4	66	✕	16.4
CSS.vw_static	66	79	✕	16.4	66	✕	16.4