توابع 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)
ارزش توضیح
expression

ضروری. یک معادله ریاضی که نتیجه آن به عنوان ارزش استفاده می‌شود.

می‌توان از این عملگرها استفاده کرد: +،-،*،/.

جزئیات فنی

نسخه: CSS3

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این توابع را پشتیبانی می‌کند.

Chrome Edge Firefox Safari Opera
26 9 16 7 15

صفحات مرتبط

منابع:توابع 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