CSS Calc Playground

مرجع

ما هو CSS calc()؟

دالة CSS calc() تتيح لك إجراء حسابات عند تحديد قيم خصائص CSS. مفيدة بشكل خاص لخلط وحدات مختلفة، مثل النسب المئوية والبكسلات.

الوحدات المدعومة

يمكنك خلط أي وحدات طول CSS داخل calc(): px، %، em، rem، vw، vh، vmin، vmax والمزيد. المعاملات +، -، *، / مدعومة.

أنماط شائعة

calc(100% - 2rem) — العرض الكامل ناقص حشوة ثابتة. calc(100vh - 80px) — ارتفاع viewport ناقص الرأس. calc(50% + 1rem) — نصف العرض زائد إزاحة. calc(100% / 3) — ثلث الحاوية.

الخصوصية

جميع اختبارات calc() تتم بنسبة 100% في متصفحك. لا يتم إرسال أي بيانات إلى أي خادم.