kebab-case converteren
Zet zinnen en andere naamstijlen om in kebab-case: kleine letters aan elkaar met streepjes, zoals in CSS-klassen, HTML-attributen en bestandsnamen. De omzetting gebeurt in je browser en er wordt niets geüpload.
Zo werkt het
-
Plak je tekst
Typ of plak de tekst in het linkervak, of open een .txt-bestand. Geen tekst bij de hand? Klik op Voorbeeld.
-
Direct resultaat
De uitkomst verschijnt terwijl je typt. Pas de opties aan en zie meteen wat er verandert.
-
Kopieer of download
Kopieer het resultaat met één klik, sla het op als bestand of gebruik het als invoer voor een volgende stap.
Voorbeelden
| Invoer | kebab-case |
|---|---|
Naam van de klant |
naam-van-de-klant |
FactuurDatum |
factuur-datum |
btw_percentage |
btw-percentage |
Woorden worden gevonden bij spaties, underscores, streepjes en camelCase-grenzen. Accenten verdwijnen en apostrofs vallen weg. Elke regel wordt apart omgezet.
CSS en HTML
Klassenamen worden volgens afspraak met streepjes geschreven, dus .hoofdMenu wordt .hoofd-menu. Eigen HTML-elementen moeten een streepje bevatten, zoals <klant-kaart>. Plak je lijst met componentnamen en kopieer de versies met streepjes.
Bestandsnamen
Streepjes zijn op elk systeem veilig in bestandsnamen en worden door zoekmachines als scheiding gelezen. Kwartaalrapport 2026 wordt kwartaalrapport-2026. Een url maken van een kop? Tekst naar slug laat je ook een maximale lengte instellen.
Opdrachtregel en configuratie
Opties van programma's op de opdrachtregel zijn bijna altijd kebab-case: --max-retries, --output-dir en --dry-run. Ook veel configuratiebestanden, zoals YAML-bestanden voor CI en package.json-scripts, gebruiken streepjes in sleutels en namen. Zet je lijst met instellingen om, en zet er zelf -- voor als je er opties van wilt maken.
Andere stijlen
Python en databasenamen gebruiken snake_case, en JavaScript-variabelen camelCase.
Veelgestelde vragen
Waar wordt kebab-case gebruikt?
In CSS-klassenamen zoals `hoofd-menu`, HTML- en eigen element-namen, opdrachtregelopties als `--dry-run`, url's en veel bestandsnamen.
Waarom kan ik kebab-case in de meeste talen niet voor variabelen gebruiken?
Het streepje is de min-operator, dus `mijn-waarde` zou als `mijn` min `waarde` worden gelezen. Daarom gebruiken variabelen [snake_case](/nl/tekst/snakecase-converteren-online-tool) of [camelCase](/nl/tekst/camelcase-converteren-online-tool), en staan streepjes in CSS, HTML en url's.
Wat gebeurt er met leestekens?
Die verdwijnen: `Mijn Eerste Blogpost!` wordt `mijn-eerste-blogpost`. Voor url's met een maximale lengte gebruik je [tekst naar slug](/nl/tekst/tekst-naar-slug-converteren-online-tool).
Kan het ook camelCase splitsen?
Ja. `fooBar_baz` wordt `foo-bar-baz`, zodat een gemengde lijst namen consistent uitkomt.