في HTML، هناك استخدام و علامات لتحديد النص المنخفض والمرتفع. يظهر النص المرتفع بخط أصغر وبنصف حرف أعلى السطر العادي. يتم استخدامه بشكل عام لكتابة المعادلات الرياضية (مثل س2+ و2= ص2 )، الحواشي السفلية، وغيرها الكثير.
على عكس الخط المرتفع، يظهر النص المنخفض بخط أصغر وبنصف حرف أسفل السطر العادي. ويستخدم بشكل عام لكتابة المعادلات الكيميائية أو الصيغ الكيميائية مثل ح2أوه2لذا4, إلخ.
في CSS، محاذاة عمودية يتم استخدام الملكية لتحقيق نفس الشيء. يمكننا تحديد النص المرتفع والمنخفض باستخدام CSS أيضًا. تحدد خاصية CSS هذه المحاذاة الرأسية للنص.
الآن، دعونا نرى كيفية تحقيق الحرف المرتفع والمنخفض باستخدام محاذاة عمودية ملكية.
بناء الجملة
vertical-align: baseline | super | sub ;
قيم الممتلكات
حدود: إنها القيمة الافتراضية التي تقوم بمحاذاة النص مع الخط الأساسي للعنصر الأصلي.
ممتاز: هو المرتفع الذي يرفع النص.
الفرعية: هو المنخفض الذي يخفض النص.
عندما القيم ممتاز و الفرعية من هذه الخاصية، يصبح النص مرتفعًا أو منخفضًا.
مثال - مرتفع
#super{ vertical-align:super; font-size: medium; } p{ font-weight: bold; font-size: 20px; } <p> Its common examples are chemical equations. </p> <h3> Chemical formula of Water is: H<span id="sub">2</span>O</h3> <h3> Ch emical formula of Sulphuric acid is: H<span id="sub">2</span>SO<span id="sub">4</span></h3> اختبره الآن