دالة CSS mod()
- الصفحة السابقة دالة minmax() CSS
- الصفحة التالية دالة oklab() CSS
- العودة إلى الطبقة السابقة دليل مرجع توابع CSS
تعريف والاستخدام
CSS ال mod()
يعود الدالة بباقي عدد (المقسوم) عند قسمته بعدد آخر (المقسوم عليه)
مثال: mod(9, 2) = 1. (9 / 2 = 4; 4 * 2 = 8،الباقي = 1)
مثال: mod(9, -2) = 1. (9 / -2 = 4; 4*-2 = -8، الباقي =-1)
التوضيح: 9 / -2 = -4.5، لكن يتم أخذ القيمة الكاملة -4؛-4 * -2 = 8، بسبب اتجاه التقريب، يتم حساب 9 - 8 = 1، أو حسب تعريف الباقي مباشرة للحصول على العكس 1، يرجى الانتباه إلى رمز النتيجة يجب أن يكون نفس رمز المعدل. في الحسابات الفعلية، قد يختلف معالجة mod بناءً على التنفيذ، لكن عادة ما يتبع القاعدة الباقية في الرياضيات، ويأخذ في الاعتبار رمز المعدل.
ملاحظة:النتيجة دائمًا تأخذ رمز المعدل.
مثال
بعض mod()
مثال:
line-height: mod(9, 2); /* 1 */ line-height: mod(19, 4); /* 3 */ line-height: mod(3.5, 3); /* 0.5 */ padding: mod(9%, 2%); /* 1% */ padding: mod(19px, 4px); /* 3px */ padding: mod(19rem, 4rem); /* 3rem */ rotate: mod(120deg, 25deg); /* 20deg */ rotate: mod(120deg, -25deg); /* -20deg */ rotate: mod(-90deg, 15deg); /* 5deg */ rotate: mod(-90deg, -15deg); /* -5deg */
نحوغة CSS
mod(dividend, divisor)
القيمة | الوصف |
---|---|
dividend | مطلوب. الموزع (رقم، نسبة أو حجم). |
divisor | مطلوب. المعدل (رقم، نسبة أو حجم). |
تفاصيل التقنية
الإصدار: | CSS4 |
---|
دعم المتصفح
الرقم في الجدول يمثل إصدار المتصفح الذي يدعم هذه الوظيفة لأول مرة.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
125 | 125 | 118 | 15.4 | 111 |
الصفحة ذات الصلة
المرجع:وظيفة acos() في CSS
المرجع:وظيفة asin() في CSS
المرجع:وظيفة atan() في CSS
المرجع:وظيفة atan2() في CSS
المرجع:وظيفة calc() في CSS
المرجع:وظيفة cos() في CSS
المرجع:وظيفة exp() في CSS
المرجع:وظيفة hypot() في CSS
المرجع:وظيفة log() في CSS
المرجع:وظيفة pow() في CSS
المرجع:دالة sin() CSS
المرجع:دالة sqrt() CSS
المرجع:دالة tan() CSS
- الصفحة السابقة دالة minmax() CSS
- الصفحة التالية دالة oklab() CSS
- العودة إلى الطبقة السابقة دليل مرجع توابع CSS