CSS mod() 함수

정의와 사용법

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)

기술 세부 사항

浏览器支持

표中的数字表示首个完全支持该函数的浏览器版本。

관련 페이지

참조: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() 함수