Fungsi mod() CSS

Definisi dan penggunaan

CSS mod() Fungsi mengembalikan modulus bilangan (angka dibagi) dibagi dengan bilangan lain (pembagi)

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

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

Penjelasan: 9 / -2 = -4.5, tetapi diambil bulat menjadi -4; -4 * -2 = 8, karena arah pengambilan bulat, dihitung sebenarnya 9 - 8 = 1, atau langsung mendapatkan lawan negatif 1 dari definisi sisa 1, perhatikan simbol hasil dengan penyebar. Pada penghitungan sebenarnya, penanganan mod dapat berbeda untuk setiap implementasi, tetapi biasanya mengikuti aturan pengambilan sisa matematika dan memperhatikan simbol penyebar.

Perhatian：Hasil selalu mengambil simbol penyebar.

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

Syntaks CSS

mod(dividend, divisor)
Nilai Deskripsi
dividend Diperlukan. Bilangan yang dibagi (angka, persen atau ukuran).
divisor Diperlukan. Penyebar (angka, persen atau ukuran).

Detil teknis

Versi： CSS4

Dukungan browser

Angka di tabel menunjukkan versi browser yang pertama yang mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Halaman yang berhubungan

Rujukan:Fungsi acos() CSS

Rujukan:Fungsi asin() CSS

Rujukan:Fungsi atan() CSS

Rujukan:Fungsi atan2() CSS

Rujukan:Fungsi calc() CSS

Rujukan:Fungsi cos() CSS

Rujukan:Fungsi exp() CSS

Rujukan:Fungsi hypot() CSS

Rujukan:Fungsi log() CSS

Rujukan:Fungsi pow() CSS

Rujukan:Fungsi sin() CSS

Rujukan:Fungsi sqrt() CSS

Rujukan:Fungsi tan() CSS