10 KiB
| title | chunk | source | category | tags | date_saved | instance |
|---|---|---|---|---|---|---|
| Kebab case - Glossary | MDN | 1/3 | https://developer.mozilla.org/en-US/docs/Glossary/Kebab_case | reference | web, html, css, javascript, documentation | 2026-05-05T05:36:04.003036+00:00 | kb-cron |
MDN HTML HTML: Markup language
HTML reference
HTML guides
Markup languages
CSS reference
CSS guides
Layout cookbook
JavaScriptJS JavaScript: Scripting language
JS reference
JS guides
Web APIs Web APIs: Programming interfaces
Web API reference
Web API guides
- Using the Web animation API
- Using the Fetch API
- Working with the History API
- Using the Web speech API
- Using web workers
Technologies
Topics
Learn Learn web development
Frontend developer course
- Getting started modules
- Core modules
- MDN Curriculum
- Check out the video course from Scrimba, our partner
Learn HTML
Learn CSS
Learn JavaScript
Tools Discover our tools
About Get to know MDN better
Kebab case
Kebab case is a way of writing phrases without spaces, where spaces are replaced with hyphens -, and the words are typically all lower case. The name comes from the similarity of the words to meat on a kebab skewer. It's often stylized as "kebab-case" to remind the reader of its appearance.
Kebab casing is often used as a variable naming convention. However, in many languages, hyphens represent subtraction, so kebab casing is not an option. CSS properties such as background-color and font-family are in kebab case, and so are HTML attributes such as aria-label and data-*.
Kebab-cased words are often simply referred to as hyphenated.
In this article
See also
- Related glossary terms:
- typescript-eslint rule:
naming-convention