is-valid-css-unit
Returns true if the given value is a valid CSS unit.
Install
Install with npm:
$ npm install --save is-valid-css-unit
Install with yarn:
$ yarn add is-valid-css-unit
Usage
// Returns true // Returns false
If you want to test for specific CSS units, you can import specific methods:
// Returns true // Returns false
isFontUnit
: Checks for valid CSS font units (cap
,ch
,em
,ex
,ic
,lh
,rem
,rlh
).isTimeUnit
: Checks for valid CSS time units (s
,ms
).isAngleUnit
: Checks for valid CSS angle units (deg
,grad
,rad
,turn
).isViewportUnit
: Checks for valid CSS viewport units (vh
,vw
,vi
,vb
,vmin
,vmax
).isAbsoluteUnit
: Checks for valid CSS absolute units (px
,cm
,mm
,Q
,in
,pc
,pt
,mozmm
).isFrequencyUnit
: Checks for valid CSS frequency units (Hz
,kHz
).isPercentageUnit
: Checks for valid CSS percentage units (%
).isResolutionUnit
: Checks for valid CSS resolution units (dpi
,dpcm
,dppx
,x
).
Playground
You can play around with different values here: http://refiddle.com/refiddles/5b92e39c75622d4ca9270000