دالة CSS mod()

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

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