Hàm mod() của CSS

Trang trước Hàm minmax() CSS
Trang tiếp theo Hàm oklab() CSS
Quay lại lớp trên Sách tham khảo hàm CSS

Định nghĩa và cách sử dụng

CSS của mod() Hàm trả về số dư của số chia (số bị chia) chia cho số chia (số chia)

Giả sử: mod(9, 2) = 1. (9 / 2 = 4; 4 * 2 = 8, số dư = 1)

Ví dụ: mod(9, -2) = 1. (9 / -2 = 4; 4*-2 = -8, số dư =-1)}

Giải thích: 9 / -2 = -4.5, nhưng làm tròn thành -4; -4 * -2 = 8, do hướng làm tròn, trong việc tính toán thực tế xem như 9 - 8 = 1, hoặc trực tiếp từ định nghĩa số dư được -1 ngược lại 1, chú ý dấu hiệu kết quả bằng dấu hiệu của số phân số. Trong việc tính toán thực tế, cách xử lý mod có thể khác nhau tùy thuộc vào thực hiện, nhưng thường tuân theo quy tắc lấy số dư trong toán học và xem xét dấu hiệu của số phân số.

Lưu ý:Kết quả luôn sử dụng dấu hiệu của số phân số.

ví dụ

Một số mod() Ví dụ:

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

Cú pháp CSS

mod(dividend, divisor)

Giá trị	Mô tả
dividend	Bắt buộc. Phân số (số, phần trăm hoặc kích thước).
divisor	Bắt buộc. Nhiệp số (số, phần trăm hoặc kích thước).