un nombre avec une unité CSS
Correspond à un nombre avec une unité CSS. Il trouve la correspondance n’importe où dans le texte. Il y a 1 groupe capturant.
Motif
/\d+(px|em|rem|%)/- Portée
- n'importe où dans le texte
- Groupes capturants
- 1
- Ce qu’il capture dans le premier exemple
- 12px
Essayez
Tapez un texte : les parties capturées sont surlignées. Tout se passe dans votre navigateur, rien n’est envoyé.
12px
width: 3rem
2 correspondances
Exemples qui correspondent
- 12px
- width: 3rem
Exemples qui ne correspondent pas
- 12
- abc
Autres expressions du groupe
,\s*([}\]])une virgule avant la fermeture\*\*([^*]+)\*\*du texte en gras entre deux astérisques`([^`]+)`du code entre accents graves(\w+)="([^"]*)"un attribut dont la valeur est entre guillemets\x1b\[[0-9;]*mun code d'échappement de couleur du terminalfrom ['\"]([^'\"]+)['\"]le chemin d'un import#[0-9a-fA-F]{6}\bune couleur hexadécimale dans le texteTODO:?\s*(.*)une note TODO dans un commentaireComment lire
- Avec ^ et $, la chaîne entière doit correspondre ; sans eux, le motif peut se trouver n’importe où. Ancrez toujours ce qui sert à valider.
- Les parenthèses ( ) capturent ce qu’elles entourent. Pour seulement grouper, écrivez (?: ) afin que la numérotation ne se décale pas.
- Chaque expression ici est confrontée à ses exemples. Cela dit, « ressemble à un e-mail » et « est une vraie boîte » sont deux choses.
- Les répétitions ouvertes imbriquées comme (a+)+ peuvent exploser sur certaines entrées. Repérez cette forme avant de coller l’expression d’autrui.
Questions fréquentes
Q. Quelle est la regex pour un nombre avec une unité CSS ?
\d+(px|em|rem|%).
Q. Quelles chaînes correspondent ?
Un texte comme 12px correspond ; un texte comme 12 non.
Q. La chaîne entière doit-elle correspondre ?
Non. Elle trouve la partie n’importe où dans le texte. Ajoutez ^ et $ pour un contrôle sur la chaîne entière.
Q. Comment utiliser ce qui est capturé ?
Il y a 1 groupe capturant : lisez-les à partir de match[1].