وظيفة 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