un número con unidad CSS
Coincide con un número con unidad CSS. Lo encuentra en cualquier parte del texto. Tiene 1 grupo de captura.
Patrón
/\d+(px|em|rem|%)/- Alcance
- en cualquier parte del texto
- Grupos de captura
- 1
- Lo que captura en el primer ejemplo
- 12px
Pruébalo
Escribe cualquier texto y se marcará lo que captura la expresión. Todo ocurre en tu navegador y no se envía a ninguna parte.
12px
width: 3rem
2 coincidencias
Ejemplos que coinciden
- 12px
- width: 3rem
Ejemplos que no coinciden
- 12
- abc
Otras expresiones del grupo
,\s*([}\]])una coma antes de cerrar\*\*([^*]+)\*\*texto en negrita entre dos asteriscos`([^`]+)`código entre comillas invertidas(\w+)="([^"]*)"un atributo cuyo valor va entre comillas\x1b\[[0-9;]*mun código de escape de color de terminalfrom ['\"]([^'\"]+)['\"]la ruta de un import#[0-9a-fA-F]{6}\bun color hexadecimal dentro del textoTODO:?\s*(.*)una nota TODO en un comentarioCómo leerlo
- Con ^ y $ alrededor, debe coincidir la cadena entera; sin ellos, la coincidencia puede estar en cualquier parte. Ancla siempre lo que uses para validar.
- Los paréntesis ( ) capturan lo que envuelven. Si solo necesitas agrupar, escribe (?: ) para que no se desplace la numeración.
- Cada expresión de aquí se comprueba con sus ejemplos. Aun así, "parece un correo" y "es un buzón real" son cosas distintas.
- Las repeticiones abiertas anidadas como (a+)+ pueden dispararse con ciertas entradas. Busca esa forma antes de pegar una expresión ajena.
Preguntas frecuentes
Q. ¿Cuál es la regex para un número con unidad CSS?
\d+(px|em|rem|%).
Q. ¿Qué cadenas coinciden?
Un texto como 12px coincide; uno como 12 no.
Q. ¿Debe coincidir la cadena entera?
No. Encuentra la parte en cualquier lugar del texto. Añade ^ y $ si quieres comprobar la cadena entera.
Q. ¿Cómo uso lo capturado?
Hay 1 grupo de captura, así que puedes leerlos desde match[1].