وحدة rem في CSS نسبية إلى حجم خط العنصر الجذري <html>. حرف R يعني Root.

html { font-size: 16px; }

h1 { font-size: 2rem; }   /* 32px */
p  { font-size: 1rem; }   /* 16px */

الفرق بين rem وem

• rem تُحسب دائمًا من حجم خط html.
• em تُحسب من حجم خط العنصر الأب، فتتراكم إذا تداخلت العناصر.

لماذا rem مفيدة؟

إذا غيّر المستخدم حجم الخط الافتراضي في متصفحه، تتغير كل الأحجام المكتوبة بـ rem معه بشكل متناسق. هذا أفضل لسهولة الوصول من الأحجام الثابتة بالبكسل.