CSS mod() funktion

Definition og brug

CSS' mod() Funktionen returnerer resten af et tal (dividend) divideret med et andet tal (divisor).

Eksempel: mod(9, 2) = 1. (9 / 2 = 4; 4 * 2 = 8, rest = 1)

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

Forklaring: 9 / -2 = -4.5, men runder af til -4; -4 * -2 = 8, på grund af rundevejledningen, betragtes faktisk som 9 - 8 = 1, eller direkte fra restedefinitionen får -1's modpart 1, bemærk resultatsymbolet er det samme som divisor. I faktisk beregning kan mod's behandling variere afhængigt af implementering, men følger normalt matematikkens talsregler og tager divisorens symbol i betragtning.

Bemærk:Resultaterne bruger altid divisorens symbol.

eksempler

Nogle mod() Eksempler på:

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 syntaks

mod(dividend, divisor)

Tekniske detaljer

Browserunderstøttelse

Tabelens tal viser den første browserversion, der fuldt ud understøtter funktionen.

Relaterede sider

Referencer:CSS acos() funktion

Referencer:CSS asin() funktion

Referencer:CSS atan() funktion

Referencer:CSS atan2() funktion

Referencer:CSS calc() funktion

Referencer:CSS cos() funktion

Referencer:CSS exp() funktion

Referencer:CSS hypot() funktion

Referencer:CSS log() funktion

Referencer:CSS pow() funktion

Referencer:CSS sin() funktion

Referencer:CSS sqrt() funktion

Referencer:CSS tan() funktion