وظيفة calc() في CSS

التعريف والاستخدام في CSS

وظيفة calc() تقوم الوظيفة بتنفيذ الحسابات وتستخدم النتيجة كقيمة للخصائص.

مثال

استخدام calc() حساب عرض عناصر <div>:

#div1 {
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: yellow;
  padding: 5px;
  text-align: center;
}

تجربة شخصية

النحو في CSS

calc(expression)

تفاصيل التقنية

دعم المتصفح

الرقم في الجدول يعكس إصدار المتصفح الذي يدعم هذه الوظيفة بشكل كامل لأول مرة.

الصفحات ذات الصلة

المرجع:وظيفة acos() في CSS

المرجع:وظيفة asin() في CSS

المرجع:وظيفة atan() في CSS

المرجع:وظيفة atan2() في CSS

المرجع:وظيفة cos() في CSS

المرجع:وظيفة exp() في CSS

المرجع:وظيفة hypot() في CSS

المرجع:وظيفة log() في CSS

المرجع:وظيفة mod() في CSS

المرجع:وظيفة pow() في CSS

المرجع:دالة sin() CSS

المرجع:دالة sqrt() CSS

المرجع:دالة tan() CSS