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

مقياس مسافات CSS

مقياس مسافات CSS — اختر الأبعاد أو الألوان وراجع الكود أو النتيجة. دليل الإدخال: الأساس, العدد. دون حساب.

دون حساب

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

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

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

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

تحقق من النطاقات والوحدات. تعتمد النتائج على مدخلاتك ومتصفحك.

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

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

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

مدخل تجريبي

الحقلالقيمة
الأساس
4
العدد
8

نتيجة المثال

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
}
شروط الإدخال

هذه حدود التحقق الفعلية، ولا تضمن أن كل قيمة مقبولة واقعية أو مناسبة لحالتك.

  • الأساس: النطاق المقبول: 0.000000001 ≤ x ≤ 1,000,000,000,000
  • العدد: النطاق المقبول: 1 ≤ x ≤ 32 · أعداد صحيحة فقط

أدوات ذات صلة

كل الأدوات