Qu'est-ce que le kebab-case ? Définition, exemples et utilisation
4 min de lecture
kebab-case est une convention de nommage où les mots sont en minuscules et séparés par des tirets : my-variable-name, background-color, user-profile-page.
Où utilise-t-on le kebab-case ?
| Contexte | Exemple |
|---|---|
| Propriétés CSS | background-color, font-size |
| Noms de classes CSS (BEM) | .nav-bar__menu-item |
| Attributs HTML | data-user-id |
| Slugs d'URL | /blog/what-is-kebab-case |
| Flags CLI | --output-dir, --no-cache |
| Noms de paquets npm | react-router-dom |
| Lisp/Clojure | get-user-name |
kebab-case vs autres conventions
| Convention | Exemple |
|---|---|
| kebab-case | my-variable-name |
| camelCase | myVariableName |
| snake_case | my_variable_name |
| PascalCase | MyVariableName |
Pourquoi le kebab-case ne fonctionne-t-il pas dans la plupart des langages ?
Le tiret est un opérateur (soustraction) dans la plupart des langages : my-var est interprété comme my moins var. C'est pourquoi le kebab-case est limité aux contextes où les tirets ne sont pas des opérateurs — CSS, attributs HTML, URLs et fichiers de configuration.
Convertir en kebab-case
Utilisez notre convertisseur kebab-case pour transformer n'importe quel texte instantanément, ou essayez le hub de conversion de casse.