Description
Match a signed integer or decimal number with optional exponent followed by an ASCII letter and further letters, digits, or hyphens.
CSS token notation separates numeric values, units, Unicode ranges, and color channels. Code-point intervals differ from Unicode scalar validity, while RGB channel bytes and alpha use different scales. A token decoder can return components without parsing a stylesheet or checking all CSS semantics.
Match a signed integer or decimal number with optional exponent followed by an ASCII letter and further letters, digits, or hyphens.
When to use this tool
Use Css Dimension Number Unit Split when you need the components of the supported CSS color, range, or dimension token.
How to use the tool and how it works
- Enter token. Use the units and conventions below.
- Run the tool. Correct any format, range, or cross-field input error before interpreting the output.
- Read number, unit. Use the output convention below.
Match a signed integer or decimal number with optional exponent followed by an ASCII letter and further letters, digits, or hyphens. Convert the number to a finite value and preserve the unit string.1
| Input field | Meaning and units | Accepted input |
|---|---|---|
| token | Complete literal token in the grammar stated above. | Required. Text; maximum UTF-16 length 8192. |
| Output field | Interpretation | Returned shape |
|---|---|---|
| number | Number | Required. Finite number. |
| unit | Literal ASCII unit identifier, with case preserved and no unit validation. | Required. Text; maximum UTF-16 length 8192. |
{
"input": {
"token": "-1.5em"
},
"output": {
"number": -1.5,
"unit": "em"
}
}Limitations and assumptions
- The numeric grammar accepts leading-dot decimals but not a trailing decimal point. Unit names are not registered or converted, case is preserved, and CSS escapes, non-ASCII identifiers, percentages, and full tokenization are unsupported.
- Inputs must satisfy both the field types and the cross-field conditions above. Invalid input causes an error; a successful false flag or documented placeholder is a different result.
Alternative or Complementary methods
Use a CSS parser for escapes, identifiers, token boundaries, and complete stylesheet grammar. Apply appropriate color or Unicode interpretation only after checking the intended value model.
References
Similar or alternative tools
- Css Hash Color Alpha Token
Expand each short digit into a repeated pair, return red, green, and blue as 0-255 integers, and alpha as the final byte divided by 255.
- Css Unicode Range Single Interval
Return inclusive start and end, requiring start<=end<=U+10FFFF.