⚡

Конвертер в kebab-case

Преобразуйте любой текст, camelCase или snake_case в kebab-case мгновенно

Need all formats? Use the full text case converter with 12 naming conventions.

Об этом инструменте

kebab-case — стандартное соглашение для CSS-классов, URL-слагов, HTML-атрибутов и CLI-флагов. Слова в нижнем регистре, разделённые дефисами: `user-profile`, `background-color`, `my-awesome-project`. Этот инструмент мгновенно преобразует любой текст в kebab-case. Генерируете CSS-классы из JavaScript-переменных, создаёте URL-friendly слаги или именуете CLI-аргументы — просто вставьте текст и скопируйте результат. Обрабатывает camelCase, PascalCase, snake_case, точки, пробелы и смешанные форматы.

Как использовать

1. Введите или вставьте любой текст — camelCase, snake_case, PascalCase или обычные слова 2. Результат в kebab-case подсвечен 3. Все остальные форматы регистра показаны ниже 4. Нажмите «Копировать» чтобы скопировать kebab-case результат

Часто задаваемые вопросы

Что такое kebab-case?
kebab-case — соглашение об именовании, где слова в нижнем регистре и разделены дефисами. Пример: 'get-user-name'. Называется kebab-case потому что дефисы похожи на шампур через слова. Стандарт в CSS, URL, HTML data-атрибутах и CLI-аргументах.
Как конвертировать camelCase в kebab-case?
Вставьте текст в camelCase (например, 'getUserName'), и инструмент разобьёт его по границам заглавных букв, переведёт всё в нижний регистр и соединит дефисами — получится 'get-user-name'.
Когда использовать kebab-case?
Используйте kebab-case для: CSS-классов (.user-profile), URL-слагов (/blog/my-first-post), HTML data-атрибутов (data-user-id), CLI-флагов (--output-dir), названий npm-пакетов и веток Git.
В чём разница между kebab-case и snake_case?
Оба разделяют слова в нижнем регистре, но kebab-case использует дефисы (get-user-name), а snake_case — подчёркивания (get_user_name). kebab-case стандартен в CSS и URL; snake_case — в Python и SQL.
Почему нельзя использовать kebab-case для имён переменных?
Большинство языков программирования интерпретируют дефис как оператор минуса, поэтому 'get-user-name' будет разобрано как 'get минус user минус name'. Поэтому kebab-case используется в CSS, HTML, URL и конфиг-файлах — но не в переменных JavaScript, Python или Java.

Похожие инструменты

Конвертер регистра текста

Конвертируйте текст между camelCase, snake_case, kebab-case, PascalCase, UPPER_CASE, Title Case и другими форматами

Конвертер в snake_case

Преобразуйте любой текст, camelCase, PascalCase или kebab-case в snake_case мгновенно

Конвертер в camelCase

Преобразуйте любой текст, snake_case, kebab-case или PascalCase в camelCase мгновенно