حاسبة نسبة الأبعاد

خطوة بخطوة

1. 1حرّك عناصر التحكم وشاهد المعاينة تتغير مباشرة.
2. 2اضبط القيم حتى تصل إلى الشكل المطلوب. انسخ كود CSS الناتج.
3. 3الصقه في ملف الأنماط أو المكوّن لديك.

ماذا تتوقع

• كود CSS نظيف وحديث بلا حشو.
• معاينة مطابقة للمتصفح: ما تراه هو ما يظهر فعلًا.
• قيم يمكنك الاستمرار في تعديلها دون البدء من جديد.

حالات استخدام شائعة

• تجربة شكل معين قبل اعتماده في الكود.
• فحص تباين الألوان للامتثال لمعايير الوصول.
• الحفاظ على ألوان وأنماط متناسقة في المشروع.

الخصوصية والبيانات

كل شيء يعمل محليًا داخل متصفحك. لا يتم رفع ملفك إلى أي خادم، فلا يغادر جهازك إطلاقًا.