دستور rem() CSS

تعریف و استفاده

CSS rem() این دستور یک عدد (تقسیم‌شونده) را به عنوان باقیمانده از تقسیم یک عدد دیگر (تقسیم‌کننده) برمی‌گرداند.

مثال: rem(9, 2) = 1. (9 / 2 = 4؛ 4 * 2 = 8، باقیمانده = 1)

مثال: rem(9, -2) = 1. (9 / -2 = 4؛ 4 * -2 = -8، باقیمانده = -1)

توجه:نتایج همیشه نشانه تقسیم‌کننده را انتخاب می‌کنند.

مثال‌ها

برخی rem() مثال‌ها:

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)

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این دستور را پشتیبانی می‌کند.

صفحات مرتبط

منابع:دستور acos() CSS

منابع:دستور asin() CSS

منابع:دستور atan() CSS

منابع:دستور atan2() CSS

منابع:دستور calc() CSS

منابع:دستور cos() CSS

منابع:دستور exp() CSS

منابع:دستور hypot() CSS

منابع:توابع log() CSS

منابع:توابع mod() CSS

منابع:توابع pow() CSS