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