HTMLでは、次のような使い方があります。 そして タグを使用して下付き文字と上付き文字を定義します。上付き文字は小さなフォントで表示され、半分の文字が通常の線の上に表示されます。一般に、数式を記述するために使用されます (例: バツ²+と²= r² )、脚注など。

上付き文字とは異なり、下付き文字は小さなフォントで表示され、通常の線よりも半分の文字が下に表示されます。一般に、次のような化学方程式または化学式を記述するために使用されます。 H₂おお₂それで₄、 等

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>