Fungsi rem() CSS

Definisi dan penggunaan

CSS rem() Fungsi mengembalikan sisa setelah membagi suatu bilangan (bilangan yang dibagi) dengan bilangan lain (penyebut).

Contoh: rem(9, 2) = 1。（9 / 2 = 4；4 * 2 = 8，sisa = 1）

Contoh: rem(9, -2) = 1。（9 / -2 = 4；4 * -2 = -8，sisa = -1）

Perhatian：Hasil selalu mengambil simbol penyebut.

Contoh

Beberapa rem() Contoh:

line-height: rem(9, 2); /* 1 */
line-height: rem(19, 4); /* 3 */
line-height: rem(3.5, 3); /* 0.5 */
padding: rem(9%, 2%); /* 1% */
padding: rem(19px, 4px); /* 3px */
padding: rem(19rem, 4rem); /* 3rem */
rotate: rem(120deg, 25deg); /* 20deg */
rotate: rem(120deg, -25deg); /* -20deg */
rotate: rem(-90deg, 15deg); /* 5deg */
rotate: rem(-90deg, -15deg); /* -5deg */

Sintaks CSS

rem(dividend, divisor)
Nilai Deskripsi
dividend Diperlukan. Bilangan yang dibagi (angka, persen atau nilai ukuran).
divisor Diperlukan. Penyebut (angka, persen atau nilai ukuran).

Detil teknis

Versi： CSS4

Dukungan browser

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

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

Halaman yang berhubungan

Referensi：Fungsi acos() CSS

Referensi：Fungsi asin() CSS

Referensi：Fungsi atan() CSS

Referensi：Fungsi atan2() CSS

Referensi：Fungsi calc() CSS

Referensi：Fungsi cos() CSS

Referensi：Fungsi exp() CSS

Referensi：Fungsi hypot() CSS

Referensi：Fungsi log() CSS

Referensi：Fungsi mod() CSS

Referensi：Fungsi pow() CSS