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