توابع ریاضی CSS

CSS ریاضی فونکشن اعداد کی جملات کو کار کا نشان کار کے طور پر استعمال کرنا بھی اجازت دیتا ہے. اس فصیل میں درج ذیل باتوں کو بھی بتایا جائیگا: calc()،max() اور min() فونکشن.

calc() فونکشن

calc() فونکشن محاسبه کرتا ہے، اور نتیجہ کار کار کا استعمال کیا جائیگا.

زبان CSS

calc(expression)

اجازه دهید به یک مثال نگاه کنیم:

مثال

استفاده از calc() یہ <div> عناصر کی اونچائی کا محاسبه کرتا ہے:

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

آزمایش کنید

max() فونکشن

max() فونکشن کا استعمال کیسه کی وجہ سے تقسیم شدہ اعداد کی فہرست میں سب سے بڑی کا نشان کار استعمال کرتا ہے.

زبان CSS

max(value1, value2, ...)

اجازه دهید به یک مثال نگاه کنیم:

مثال

استفاده از max() تعمیم #div1 کی اونچائی 50% یا 300px کی باریکائی میں بڑی کی طرح رکھی جائیگی:

#div1 {
  background-color: yellow;
  height: 100px;
  width: max(50%, 300px);
}

آزمایش کنید

توابع min()

min() توابع min() از لیست مقدارهای جدا شده با کاما استفاده می‌کند تا کوچک‌ترین مقدار را به عنوان مقدار ویژگی استفاده کند.

زبان CSS

min(value1, value2, ...)

اجازه دهید به یک مثال نگاه کنیم:

مثال

استفاده از min() طول #div1 را به 50% یا کوچک‌ترین مقدار 300px تنظیم کنید:

#div1 {
  background-color: yellow;
  height: 100px;
  width: min(50%, 300px);
}

آزمایش کنید

دستورالعمل توابع CSS

برای لیست کامل توابع CSS، لطفاً به دستورالعمل توابع CSS。