توابع mod() CSS

صفحه قبلی توابع minmax() CSS
صفحه بعدی توابع oklab() CSS
بازگشت به طبقه بالاتر دستورالعمل‌های مرجع Function 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 به 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	لازم است. تقسیم‌کننده (اعداد، درصد یا اندازه).