مُحَوِّل الكيباب-كيس تحويل النص إلى تنسيق كيباب-كيس لاستخدامه في فئات CSS وروابط URL وأسماء الملفات.
مُحَوِّل الكيباب-كيس
تحويل النص إلى تنسيق كيباب-كيس لاستخدامه في فئات CSS وروابط URL وأسماء الملفات.
أدخل النص
اكتب أو ألصق النص لتحويله إلى صيغة kebab-case.
عرض النتيجة
انظر الناتج بحروف منخفضة وفصل بين الكلمات باستخدام شرطة تحتية على الفور.
نسخ واستخدام
انسخ لاستخدامه في فئات CSS أو عناوين URL أو أسماء الملفات.
What Is مُحَوِّل الكيباب-كيس?
مُحَوِّل الحالة الكبابیة يُغيّر النص إلى صيغة الحالة الكبابیة، حيث تكون جميع الحروف بحجم الصغير ويفصل بين الكلمات شرطات. تعتبر الحالة الكبابیة الاتفاقية القياسية لتسمية الصفوف في CSS والسمات في HTML ومسارات URL وأسماء حزم npm وأسماء الملفات في العديد من الإطارات. أمثلة: "Hello World" يصبح "hello-world"، و "backgroundColor" يصبح "background-color". جاءت التسمية من الشبه بين الكلمات على شكل شرطة، مثل الأشياء على سيخ کباب.
Why Use مُحَوِّل الكيباب-كيس?
-
المعيار لفئات الأسماء والخصائص المخصصة في CSS
-
التنسيق المطلوب لأسماء المسارات في معظم الإطارات العمل للويب
-
يستخدم لاسم حزم npm وأسماء الفروع في Git
-
أكثر التنسيقات قراءة لمعرفات الكلمات المتعددة في سياق الويب
-
يتعامل مع التحويل من أي تنسيق إدخال
Common Use Cases
فئات CSS
تنسيق أسماء الفئات وفقًا لأحكام التسمية القياسية في CSS أو BEM.
مسارات URL
إنشاء مسارات URL ودودة مع محركات البحث من عناوين الصفحات أو عناوين المحتوى.
حزم npm
تنسيق أسماء الحزم وفقًا لاتفاقية kebab-case في npm.
تسمية الملفات
تسمية الملفات بتركيب kebab-case لأطر العمل Angular و Vue وأطر عمل مكونات أخرى.
Technical Guide
يتبع تحويل الحالة الكبابیة نفس خوارزمية تقسيم الكلمات مثل الحالة الثعبانية ولكن يجمع الكلمات بشرطات بدلاً من الشرطات السفلية. يتم تقسيم الإدخال على المسافات البيضاء والشرطات السفلية والنقاط والشرطات الموجودة وانتقالات الحالة. تُحَوَّل جميع الكلمات إلى أحرف صغيرة وتُلحق بشرطات مفردة. يتم压缩 الشرطات المتتالية وإزالة الشرطات الرائدة والمؤخرة. يتعامل الخوارزمية بشكل صحيح مع إدخال camelCase ("backgroundColor" → "background-color")، و PascalCase ("PageTitle" → "page-title")، والتنسيقات الم مختلطة. يُلاحظ أن معرفات الحالة الكبابیة لا يمكن استخدامها مباشرة كأسماء متغير في معظم لغات البرمجة لأن الشرطة هي عامل الطرح.
Tips & Best Practices
-
1الخصائص في CSS هي بحروف منخفضة وفصل بين الكلمات باستخدام شرطة تحتية: لون الخلفية، حجم الخط، نصف قطر الحدود
-
2استخدم طريقة BEM مع شرطتين وشرطة سفلية مزدوجة: block__element--modifier
-
3مسارات URL بتركيب kebab-case مفضلة لمحركات البحث أكثر من الشرطات أو camelCase
-
4في لغة JavaScript، يمكن الوصول إلى الخصائص بتركيب kebab-case باستخدام تنسيق القوسين: obj["my-prop"]
-
5يستخدم Angular تركيب kebab-case للمحددات المكونة (app-user-profile)
Related Tools
مُحَوِّل camelCase
تحويل النص إلى تنسيق camelCase لمتغيرات ودوال JavaScript.
📝 Text Tools
مُحَوِّل PascalCase
تحويل النص إلى PascalCase لأسماء الفئات وتسمية المكونات.
📝 Text Tools
مُحَوِّل snake_case
تحويل النص إلى تنسيق snake_case لاستخدامه في متغيرات بايثون وأعمدة قواعد البيانات.
📝 Text Tools
مُحَوِّل dot.case
تحويل النص إلى تنسيق dot.case ل مفاتيح التهيئة والخصائص.
📝 Text Tools
مُحَوِّل الرابط المختصر
إنشاء روابط مختصرة متوافقة مع URL من النص مع فاصل مخصص.
📝 Text ToolsFrequently Asked Questions
Q ما هو kebab-case؟
Q لماذا لا أستطيع استخدام تركيب kebab-case لمتغيرات JavaScript؟
Q هل تركيب kebab-case أفضل من snake_case لمسارات URL؟
Q ماذا عن الخصائص المخصصة في CSS؟
Q كيف يرتبط BEM بتركيب kebab-case؟
About This Tool
مُحَوِّل الكيباب-كيس is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.