CSS rem() fonksiyonu

Tanım ve kullanım

CSS rem() Fonksiyon, bir sayıyı (payda) diğer bir sayıya (payda) bölerek kalanı döndürür.

Örnek: rem(9, 2) = 1。(9 / 2 = 4;4 * 2 = 8,kalan = 1)

Örnek: rem(9, -2) = 1。(9 / -2 = 4;4 * -2 = -8,kalan = -1)

Dikkat:Sonuç her zaman paydanın işaretini alır.

örnekler

Bazı rem() Örnek:

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

CSS语法

rem(dividend, divisor)
Değer Açıklama
dividend Gerekli. Payda (sayı, yüzdelik veya boyut değeri).
divisor Gerekli. Payda (sayı, yüzdelik veya boyut değeri).

Teknik ayrıntılar

Sürüm: CSS4

Tarayıcı desteği

Tablodeki rakamlar, bu fonksiyonu tamamen destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

İlgili sayfa

Referans:CSS acos() fonksiyonu

Referans:CSS asin() fonksiyonu

Referans:CSS atan() fonksiyonu

Referans:CSS atan2() fonksiyonu

Referans:CSS calc() fonksiyonu

Referans:CSS cos() fonksiyonu

Referans:CSS exp() fonksiyonu

Referans:CSS hypot() fonksiyonu

Referans:CSS log() fonksiyonu

Referans:CSS mod() fonksiyonu

Referans:CSS pow() fonksiyonu