حجم الخط الأساسي (px)
ارتفاع السطر (REM)
حاسبة ارتفاع السطر
يتحكم ارتفاع السطر في التباعد الرأسي بين أسطر النص، وغالبًا ما تحدده أوراق الأنماط الحديثة بوحدة REM لكي يتغير مع حجم الخط الأساسي. تحويل ارتفاع سطر مُحدَّد بوحدة REM إلى قيمة دقيقة بالبكسل مفيد عندما تحتاج إلى تخطيطات دقيقة على مستوى البكسل أو مطابقة مواصفات تصميم معينة. القيام بهذا التحويل يدويًا يعني ضرب قيمة REM في حجم الخط الجذر في كل مرة يتغير فيها التصميم.
تقوم هذه الحاسبة بعملية الضرب هذه فورًا، باستخدام حجم خط أساسي مخصص إذا كان مشروعك يتجاوز القيمة الافتراضية للمتصفح. أدخل ارتفاع سطر بوحدة REM واحصل على مكافئه الدقيق بالبكسل على الفور. يتم تنفيذ كل عملية حساب من جانب العميل داخل متصفحك، لذا لا تُرسل أي قيمة تُدخلها إلى أي خادم أبدًا.
فهم ارتفاع السطر في تصميم الويب
ارتفاع السطر هو التباعد الرأسي بين أسطر النص، وهو أحد أهم الخصائص لسهولة القراءة في تصميم الويب. يتيح لك CSS تحديده كمضاعف بلا وحدة، أو قيمة ثابتة بالبكسل، أو قيمة نسبية بوحدة REM، ويتصرف كل منها بشكل مختلف عند تغيّر حجم الخط.
تتغير قيم ارتفاع السطر المستندة إلى REM تلقائيًا مع حجم الخط الأساسي، مما يحافظ على تناسق النسب عبر تخطيط متجاوب. لكن أحيانًا تحتاج إلى القيمة الدقيقة بالبكسل، مثلاً عند المحاذاة مع عنصر ثابت الحجم أو مطابقة تصميم مُسلَّم بالبكسل، وهنا يصبح تحويل REM إلى PX مفيدًا.
الأسئلة الشائعة (FAQ)
أسئلة مكررة