logo

CSS-Hochstellung und Tiefstellung

In HTML gibt es die Verwendung von Und Tags zum Definieren des tiefgestellten und hochgestellten Textes. Der hochgestellte Text erscheint in einer kleineren Schriftart und dem halben Zeichen über der Normalzeile. Es wird im Allgemeinen verwendet, um mathematische Gleichungen zu schreiben (z X2+ und2= r2 ), Fußnoten und vieles mehr.

Im Gegensatz zu hochgestelltem Text erscheint der tiefgestellte Text in einer kleineren Schriftart und dem halben Zeichen unterhalb der normalen Zeile. Es wird im Allgemeinen zum Schreiben chemischer Gleichungen oder chemischer Formeln verwendet, z H2OH2ALSO4, usw.

In CSS ist die vertikal ausrichten Eigentum wird verwendet, um dasselbe zu erreichen. Mit CSS können wir auch den hoch- und tiefgestellten Text angeben. Diese CSS-Eigenschaft gibt die vertikale Ausrichtung des Textes an.

Sehen wir uns nun an, wie man mithilfe von den hochgestellten und tiefgestellten Index erreicht vertikal ausrichten Eigentum.

Syntax

 vertical-align: baseline | super | sub ; 

Immobilienwerte

Grundlinie: Dies ist der Standardwert, der den Text an der Grundlinie des übergeordneten Elements ausrichtet.

super: Es ist die Hochstellung, die den Text erhöht.

Sub: Es ist der Index, der den Text absenkt.

Wenn die Werte super Und sub dieser Eigenschaft angewendet werden, wird der Text hoch- oder tiefgestellt.

Beispiel: Hochgestellt

 #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> 
Testen Sie es jetzt