حجم الخط العمودي هو معلمة تحدد ارتفاع الأحرف في النص. يسمح لك بتعيين المسافة بين الأسطر الأساسية للنص ، وكذلك ارتفاع سطر واحد. يعد حجم الخط العمودي جانبا مهما من تصميم الويب لأنه يؤثر على سهولة قراءة النص ومظهره على صفحة الويب.
يمكنك استخدام وحدات قياس مختلفة لتعيين حجم الخط العمودي ، مثل وحدات البكسل (بكسل) أو النسب المئوية ( ٪ ) أو الوحدات النسبية (إم و ريم). وحدات البكسل هي أكثر وحدات القياس شيوعا وأبسطها ، حيث يشار إلى حجم الخط بالنقاط في البوصة (نقطة في البوصة) أو البكسل في البوصة (نقطة في البوصة).
في الممارسة العملية ، يتم تعيين حجم الخط العمودي باستخدام خاصية حجم الخط المغلق. على سبيل المثال ، لتعيين حجم الخط بالبكسل ، يتم استخدام بناء الجملة التالي: حجم الخط: 16 بكسل؛. ولتحديد حجم الخط كنسبة مئوية بالنسبة للعنصر الأصل ، يتم استخدام بناء الجملة التالي: حجم الخط: 100%;
من المهم أن تتذكر أنه عند تعيين حجم الخط العمودي على صفحة الويب ، من الضروري مراعاة سهولة قراءته وتوافقه مع الأجهزة والمتصفحات المختلفة.
- حجم الخط العمودي: المفاهيم الأساسية وطرق التثبيت
- تعريف ومعنى حجم الخط العمودي
- كيفية تعيين حجم الخط العمودي باستخدام كس
حجم الخط العمودي: المفاهيم الأساسية وطرق التثبيت
يشير حجم الخط العمودي إلى ارتفاع الأحرف التي يتكون منها النص. تلعب هذه المعلمة دورا مهما في تحديد مظهر النص ويتم إدراكها بالوسائل المرئية. يمكن تعيين حجم الخط العمودي باستخدام وحدات قياس مختلفة.
الطريقة الأكثر شيوعا لتعيين حجم الخط العمودي هي استخدام وحدات القياس المطلقة مثل وحدات البكسل (بكسل) أو النقاط (نقطة). على سبيل المثال ، لتعيين حجم الخط إلى 12 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:
مثال على نص بحجم خط 12 بكسليمكن أيضا تعيين حجم الخط العمودي باستخدام وحدات القياس النسبية ، مثل النسب المئوية ( ٪ ). على سبيل المثال ، لتعيين حجم الخط إلى 120 ٪ من الحجم المحدد للعنصر الأصل ، يمكنك استخدام التعليمات البرمجية التالية:
مثال على نص بحجم خط 120٪ من العنصر الأصلبالإضافة إلى ذلك ، من الممكن استخدام كلمات رئيسية خاصة مثل "صغير" و "متوسط" و "كبير" و "كبير جدا" لتعيين أحجام الخطوط القياسية. على سبيل المثال ، لتعيين متوسط حجم الخط ، يمكنك استخدام التعليمات البرمجية التالية:
| مثال على النص مع متوسط حجم الخط | |
|---|---|
اعتمادا على المتطلبات والأهداف ، يمكنك اختيار الطريقة الأنسب لتعيين حجم الخط العمودي لنص هتمل الخاص بك. |
تعريف ومعنى حجم الخط العمودي
يحدد حجم الخط العمودي في هتمل ارتفاع الأحرف في النص على صفحة الويب. يلعب دورا مهما في تحديد مظهر المحتوى ويمكن تخصيصه باستخدام سمات وأنماط مختلفة في هتمل و كس.
يتم قياس قيمة حجم الخط العمودي بالبكسل أو النسب المئوية أو الوحدات الكهرومغناطيسية أو غيرها من القياسات النسبية أو المطلقة. يتيح لك تعيين قيمة حجم الخط العمودي تغيير حجم النص عموديا ، مما يجعله أكبر أو أصغر.
على سبيل المثال ، إذا كنت ترغب في تعيين حجم الخط العمودي لعنصر إلى 20 بكسل ، يمكنك استخدام التعليمات البرمجية التالية:
أتش تي أم أل
المغلق
| النص | سبان {'{ ' } حجم الخط: 20 بكسل ؛ {'}'} | يوضح هذا المثال كيف يمكنك تعيين حجم خط معين لعنصر ما. يمكنك أيضا استخدام القيم النسبية مثل النسب المئوية أو م لضبط حجم الخط بالنسبة للعناصر الأخرى على الصفحة. |
|---|---|---|
| كيفية تعيين حجم الخط العمودي باستخدام كس | في كس ، هناك عدة طرق لتعيين حجم الخط العمودي لمحتوى النص. يتيح لك ذلك التحكم في رؤية النص وإنشاء حلول تصميم مذهلة. |
| مثال الاستخدام: | أتش تي أم أل |
| النتيجة | مثال على النص |
ص {
حجم الخط: 16 بكسل;
}
مثال على النص
مثال على النص
ص {
حجم الخط: 200%;