Fungsi mod() CSS

Halaman sebelumnya Fungsi minmax() CSS
Halaman berikutnya Fungsi oklab() CSS
Kembali ke tingkat atas Panduan Rujukan Fungsi CSS

Definisi dan penggunaan

CSS mod() Fungsi mengembalikan modulus bilangan (penyebut) yang di bagi dengan bilangan lain (pembagi).

Contoh: mod(9, 2) = 1. (9 / 2 = 4; 4*2 = 8, sisa =1)

Contoh: mod(9, -2) = 1. (9 / -2 = 4; 4*-2 = -8, sisa =-1)

Penerangan: 9 / -2 = -4.5, tetapi diambil bulat menjadi -4; -4 * -2 = 8, karena arah pengambilan bulat, dihitung sebenarnya 9 - 8 = 1, atau mendapat 1 yang adalah negatifnya -1 menurut definisi bilangan sisa, perhatikan simbol hasil sama dengan penyuap. Pada penghitungan sebenarnya, penanganan mod dapat berbeda menurut implementasi, tetapi biasanya mengikuti aturan pengambilan sisa matematika dan mempertimbangkan simbol penyuap.

Perhatian：Hasil selalu mengambil simbol penyuap.

Contoh

Beberapa mod() Contoh:

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 */