فونکشن 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

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

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

کروم ایج فایرفاکس سافاری اُپرا
26 9 16 7 15

صفحات مرتبط

مشارکت:CSS آکوس() فونکشن

مشارکت:CSS آسن() فونکشن

مشارکت:CSS اٹن() فونکشن

مشارکت:CSS اٹن2() فونکشن

مشارکت:CSS کوس() فونکشن

مشارکت:CSS ایکسپ() فونکشن

مشارکت:CSS هائپوت() فونکشن

مشارکت:CSS لوگ() فونکشن

مشارکت:CSS ماود() فونکشن

مشارکت:CSS پاور() فونکشن

مشارکت:فنکشن sin() CSS

مشارکت:فنکشن sqrt() CSS

مشارکت:فنکشن tan() CSS