CSS mod() funksiyasi

Ɗaukar ƙarshe 函数 minmax() CSS
Ɗaukar ƙarshe 函数 oklab() CSS
Sakama ƙasance CSS Function Reference Manual

ta'rif ve istimal

CSS kinni: mod() funakannun yana girmek bir sayi (bodan) diger bir sayi (ayirici) ile bolundugunda qaldirilan modun.

ma'anin: mod(9, 2) = 1 (9 / 2 = 4; 4*2 = 8, kiyin =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 */

نحوه استفاده سی اس اس

mod(dividend, divisor)

مقدار	توضیح
dividend	ضروری. تقسیم‌شونده (اعداد، درصد یا اندازه).
divisor	ضروری. تقسیم‌کننده (اعداد، درصد یا اندازه).