الكتابة المرتفعة هي طريقة فعالة لتمييز الكلمات أو العبارات أو الأرقام الفردية في النص. يتم استخدامه لزيادة سهولة القراءة والتركيز على المعلومات المهمة. إذا كنت تريد معرفة كيفية إضافة خط مرتفع إلى نصوصك ، فأنت في المكان الصحيح. في هذا الدليل التفصيلي ، سنخبرك عن الطرق المختلفة لتخصيص الخط المرتفع في هتمل.
. يوجد أدناه مثال لتطبيق هذه الخاصية على علامة :
سيكون هذا النص مرتفعا
:
سيكون هذا النص مرتفعا
. تم تصميم هذه العلامة خصيصا لعرض النص بخط مرتفع. فإنه يطبق تلقائيا النمط المطلوب دون الحاجة إلى إضافة أنماط كس. مجرد التفاف النص الذي تريد أن تجعل مرتفع في علامة :
سيكون هذا النص مرتفعا
حتى تتمكن من استخدام طرق مختلفة لتخصيص الخط مرتفع في هتمل. اختر الطريقة المناسبة حسب احتياجاتك وتفضيلاتك. ولا تنس تجربة خطوط وأنماط مختلفة لإنشاء التصميم الأكثر فعالية للنص الخاص بك.
- الإعدادات المسبقة للخط المرتفع
- أمثلة التعليمات البرمجية لإعداد الخط المرتفع
- استخدام أنماط مدمجة لرفع الخط
- باستخدام المغلق لتخصيص الخط مرتفع
- أمثلة على استخدام الخط المرتفع في سياقات مختلفة
الإعدادات المسبقة للخط المرتفع
قبل أن تتمكن من البدء في تخصيص الخط المرتفع على موقع الويب الخاص بك ، تحتاج إلى تنفيذ بعض الخطوات الأولية.
أولا ، تأكد من أن لديك حق الوصول إلى شفرة المصدر لصفحة الويب الخاصة بك. قد تحد بعض منصات إنشاء مواقع الويب من القدرة على تغيير الخطوط أو إضافة أنماط ، لذا تأكد من أنه يمكنك تحرير الكود.
ثانيا ، من الضروري تحديد اختيار الخط للنص المرتفع. فكر في الخط الذي سيكون أكثر ملاءمة للمحتوى والتصميم الخاص بك. ضع في اعتبارك أنه ليست كل الخطوط تدعم الأحرف المرتفعة ، لذا اختر خطا يتضمن أحرفا مرتفعة في مجموعته.
بعد ذلك ، سوف تحتاج إلى إضافة رمز كس لتخصيص أنماط الخط مرتفع. يمكن القيام بذلك إما عن طريق إضافة رمز إلى ملف كس الخاص بموقعك ، أو عبر علامة
внутри раздела вашей веб-страницы. В любом случае, убедитесь, что ваш стиль применяется к нужному элементу или классу.أخيرا ، اختبر الخط المرتفع على أجهزة ومتصفحات مختلفة للتأكد من عرضه بشكل صحيح. استخدم أدوات مطور المتصفح للتحقق من التعليمات البرمجية وتصحيحها ، إذا لزم الأمر.
أمثلة التعليمات البرمجية لإعداد الخط المرتفع
يمكنك استخدام خاصية المحاذاة الرأسية كس لتخصيص الخط المرتفع. هنا مثال:
هذا هو النص المرتفع داخل الفقرة.
هذا هو الرقم 102 ، وهو 100 مربع.
ستكون نتيجة هذا الرمز إخراج الرقم " 10 " في الزاوية اليمنى العليا ، مما يشير إلى مربع الرقم.
إذا كنت بحاجة إلى إنشاء صيغة تحتوي على عناصر مرتفعة ومنخفضة ، فيمكنك استخدام العلامات معا. هنا مثال:
نتيجة لهذا الرمز ، سيتم عرض الحرف "ج "في الرمز المنخفض ، والرقم" 2 "- بتنسيق مرتفع ، مما يشير إلى مربع الرقم"ج".
استخدام أنماط مدمجة لرفع الخط
للقيام بذلك ، علامة
يستخدم يسمح لك بتطبيق الأنماط فقط على جزء من النص.
إليك ما يبدو عليه الرمز لإضافة تأثير مرتفع إلى كلمات معينة:
هذا مثال على النص بخط مرتفع.
في هذا المثال ، سيتم عرض كلمة "مرتفع" بارتفاع طفيف ، مما يؤدي إلى إنشاء تأثير مرتفع.
يمكنك أيضا تغيير حجم الخط أو أنماط النص الأخرى عن طريق إضافة سمات إضافية إلى العلامة
. على سبيل المثال:
هذا مثال على نص بخط مرتفع أكبر.
في هذا المثال ، سيكون للكلمة المرتفعة حجم خط متزايد يبلغ 20 بكسل.
يمكنك تجربة أنماط وسمات مختلفة لإنشاء تأثير الخط المرتفع المطلوب.
في هذا المثال ، نستخدم محدد الفئة" مرتفع " لتحديد العناصر التي نريد تطبيق الخط المرتفع عليها. ثم قمنا بتعيين نمط الخط المرتفع باستخدام خصائص" المحاذاة الرأسية "و" حجم الخط". تقوم خاصية" المحاذاة الرأسية "بتعيين المحاذاة الرأسية للعنصر ، وتحدد خاصية" حجم الخط " حجم الخط.
لتطبيق النمط المحدد على العناصر ، تحتاج إلى إضافة فئة" مرتفع " إلى العلامة المقابلة. يمكن القيام بذلك باستخدام سمة "الفئة". على سبيل المثال:
نص بخط مرتفع
X.
ونتيجة لقاعدة كس هذه ، سيتم تطبيق الخط المرتفع على الحرف " س "داخل العنصر الذي تمت إضافة فئة" مرتفع " إليه.