CSS mod() fonksiyonu
- Önceki sayfa CSS minmax() fonksiyonu
- Sonraki sayfa CSS oklab() fonksiyonu
- Bir üst seviyeye dön CSS Fonksiyon Referans Kılavuzu
Tanımı ve Kullanımı
CSS'nin mod()
Fonksiyon, bir sayıyı (bölünecek sayı) diğer bir sayıya (bölücü) bölerek kalan modunu döndürür.
Örnek: mod(9, 2) = 1. (9 / 2 = 4; 4*2 = 8, kalan =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 的处理可能因实现而异,但通常遵循数学上的取余规则,并考虑除数的符号。
Dikkat:Sonuç her zaman payda işaretini alır.
örnekler
Bazı mod()
Örnekler:
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 dilbilgisi
mod(dividend, divisor)
Değer | Açıklama |
---|---|
dividend | Gerekli. Payda (sayı, yüzdelik veya boyut). |
divisor | Gerekli. Payda (sayı, yüzdelik veya boyut). |
Teknik ayrıntılar
Sürüm: | CSS4 |
---|
Tarayıcı desteği
Tablodaki 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
Kaynak:CSS acos() fonksiyonu
Kaynak:CSS asin() fonksiyonu
Kaynak:CSS atan() fonksiyonu
Kaynak:CSS atan2() fonksiyonu
Kaynak:CSS calc() fonksiyonu
Kaynak:CSS cos() fonksiyonu
Kaynak:CSS exp() fonksiyonu
Kaynak:CSS hypot() fonksiyonu
Kaynak:CSS log() fonksiyonu
Kaynak:CSS pow() fonksiyonu
Kaynak:CSS sin() fonksiyonu
Kaynak:CSS sqrt() fonksiyonu
Kaynak:CSS tan() fonksiyonu
- Önceki sayfa CSS minmax() fonksiyonu
- Sonraki sayfa CSS oklab() fonksiyonu
- Bir üst seviyeye dön CSS Fonksiyon Referans Kılavuzu