تعرف على كيفية استخدام ارتفاع سطر خاصية CSS للنمط للتأثير على تباعد الأسطر على صفحات الويب الخاصة بك.
قيم تباعد الأسطر CSS
يتأثر تباعد الأسطر CSS بطول خط الخاصية CSS. هذه الخاصية تأخذ ما يصل إلى 5 قيم مختلفة:
- عادي: يحدد المستعرض قيمة لتباعد الأسطر المرتبطة بحجم الخط. عادة ما يكون هذا هو نفس حجم الخط أو أكبر قليلاً (مثل 20٪).
- يرث: يجب أن يتم أخذ تباعد الأسطر من تباعد الأسطر عنصر الأصل. لذا ، إذا قمت بتعيين ارتفاع سطر علامة النص الأساسي إلى 30٪ أكبر من حجم الخط وعلامات الفقرة الموجودة في تلك التي تم ضبطها على الوراثة ، فسيكون لها أيضًا ارتفاع سطر أكبر بنسبة 30٪ من حجم الخط.
- رقم: إذا كانت قيمة خط الطول لا تحتوي على وحدة قياس ، فيعتبر أنها مضاعف على حجم الخط لارتفاع الخط. لذا ، سيكون ارتفاع خط 1.25 أكبر بنسبة 25٪ من حجم الخط.
- طول: إذا كانت قيمة خط الطول تحتوي على وحدة قياس ، فهذا هو المقدار الدقيق للمساحة التي ينبغي أن تكون بين السطور. لذا ، فإن 1.25 مم ينتج عنه خطوط طولها 1.25 ملليمتر.
- نسبة: إذا كان ارتفاع الخط يمثل نسبة مئوية ، فسيكون ذلك نسبة مئوية من حجم الخط. وبالتالي ، سيكون ارتفاع الخط بنسبة 125٪ أكبر بنسبة 25٪ من حجم الخط.
أي قيمة يجب أن تستخدمها لتباعد الأسطر CSS
في معظم الحالات ، يكون الخيار الأفضل لتباعد الأسطر هو تركه في الوضع الافتراضي أو "عادي". هذا هو الأكثر قابلية للقراءة ولا يتطلب منك القيام بأي شيء خاص. لكن تغيير مسافة الأسطر يمكن أن يمنح النص الخاص بك إحساسًا مختلفًا به.
إذا تم تعريف حجم الخط الخاص بك على أنه نظام الإدارة البيئية أو النسب المئوية ، يجب أيضًا تحديد ارتفاع خطك بهذه الطريقة. هذا هو الشكل الأكثر مرونة من تباعد الأسطر لأنه يسمح للقارئ بتغيير حجم الخطوط الخاصة به ويحافظ على نفس النسبة على تباعد الأسطر.
قم بضبط ارتفاع الخط لأوراق الأنماط المطبوعة بقيمة نقطة (نقطة). النقطة هي قياس الطباعة ، وبالتالي يجب أن تكون أحجام الخط في النقاط كذلك.
لا نرغب في استخدام خيار الرقم لأننا وجدنا أنه أكثر ما يزعج الناس. يعتقد الكثير من الناس أن العدد هو حجم مطلق ، وبالتالي يجعلونه ضخمًا. على سبيل المثال ، قد يكون لديك مجموعة خط في 14 بكسل ثم قمت بتعيين خط الطول إلى 14 مما يؤدي إلى فجوات كبيرة بين السطور لأن تباعد الأسطر مضبوط على 14 مرات حجم الخط.
كيف يجب استخدام مساحة كبيرة لتباعد الأسطر
كما ذكرنا أعلاه ، نوصي باستخدام تباعد الأسطر الافتراضي ما لم يكن لديك سبب محدد لتغييره. يمكن أن يكون لتغيير تباعد الأسطر تأثيرات مختلفة:
- قد يكون من الصعب قراءة النص الذي يكون شديدًا معًا. لكن يمكن أن تؤثر مساحات الخطوط الصغيرة على الحالة المزاجية للنص. إذا تم مسح النص معًا ، فيمكن أن يجعل الإحساس بالنص يبدو أكثر قتامة أو أكثر كثافة.
- النص الذي هو أبعد من ذلك يمكن أيضا أن يكون من الصعب قراءة. لكن فضاءات الخطوط الواسعة تجعل النص يبدو أكثر تدفقًا وسلاسة.
- يمكن أن يؤدي تغيير تباعد الأسطر إلى جعل النص الذي لا يناسبه في مساحة ما أكثر اندماجًا أو أن يستهلك مساحة أكبر في تصميماتك.
