التصميم والألوان

إنشاء متغيرات CSS

إنشاء متغيرات CSS — أدخل البيانات وراجع التنسيق أو المحتوى. دليل الإدخال: اسم=قيمة (واحد لكل سطر). دون حساب.

دون حساب

جارٍ تحميل الأداة…

طريقة الاستخدام

  1. 1دليل الإدخال: اسم=قيمة (واحد لكل سطر).
  2. 2شغّل الأداة وراجع النتيجة.
  3. 3نسخ النتيجة / حفظ ملف النتيجة.

معلومات مفيدة

راجع تنسيق المثال أولًا. احتفظ بالأصل منفصلًا وافحص القيم والمسافات والأسطر المحوّلة قبل استخدام النتيجة.

قد تعالج الإعلانات بيانات الاتصال. يتبع التخصيص خيارات خصوصيتك. الخصوصية (الإنجليزية)

مثال محسوب للمدخلات والمخرجات

هذه نتائج المحرك الفعلي بالقيم التجريبية أدناه، دون مدخلاتك الشخصية أو عملك المحفوظ. حمّل المثال في الأداة لمراجعة المدخلات نفسها.

مدخل تجريبي

الحقلالقيمة
اسم=قيمة (واحد لكل سطر)
primary=#0F766E
spacing=16px
radius=12px

نتيجة المثال

:root {
  --primary: #0F766E;
  --spacing: 16px;
  --radius: 12px;
}

أدوات ذات صلة

كل الأدوات