kebab-case

Kebab case is the lower pattern with the hyphen - delimiter.

Kebab case is also known as dash case or hyphen case.

History

While the usage of kebab case has been around for a long time, the earliest known record of its name dates to July 23, 2013 by user Ben Lee in this stackoverflow post.

Usage

Kebab case is used in HTML/CSS as class and id names.

<div class="large-box">
    <span id="page-title">Welcome!</span>
</div>

It is not commonly used as identifiers for variables or functions in programming languages because the hyphen - is used to represent subtraction, and can’t be used in identifiers.