فنکشن mod() 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 ضروری. تقسیم‌کننده (اعداد، درصد یا اندازه).

جزئیات فنی

نسخه: CSS4

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

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

کروم ایج فایرفاکس سافاری اپرا
125 125 118 15.4 111

صفحات مرتبط

مطالعه:CSS 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() فانکشن