https://hmaster.net/

当サイトについて | リンクについて | 問い合わせフォーム |

HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する方法を分かりやすく解説しているサイトです。初心者向けに見やすい、読みやすい作りになっています。

上付き文字と下付き文字

{vertical-align:位置;}で上付き文字を表示できます。上付文字はsuperを指定します。二次方程式等の数式で使うことができます。

【ブラウザ表示】

やまあり
y=x3+4x2+2x

ソース

や<span class="up1">まあ</span>り
y=x<span class="up2">3</span>+4x <span class="up2">2</span>+2x

外部ファイル

span.up1{vertical-align:super;}
span.up2{vertical-align:super;}

<body>～</body>に直接記入する場合

や<span style="vertical-align:super;">まあ</span>り
y=x<span style="vertical-align:super;">3</span>+4x
<span style="vertical-align:super;">2</span>+2x

■下付き文字を表示する

{vertical-align:位置;}で下付き文字を表示できます。下付き文字はsubを指定します。化学式等で使うことができます。

【ブラウザ表示】

たにあり
H2O

ソース

た<span class="down1">にあ</span>り
H<span class="down2">2</span>O

外部ファイル

span.down1{vertical-align:sub;}
span.down2{vertical-align:sub;}

<body>～</body>に直接記入する場合

た<span style="vertical-align:sub;">にあ</span>り
H<span style="vertical-align:sub;">2</span>O

Follow @hp_master_2003

■ その他の項目

・文字の大きさを変える
・文字の色を変える
・文字の太さを指定する
・文字の書体を指定する
・文字を斜めにする
・小文字英字を大文字で表示
・文字の表示位置を指定する
・字下げをする
・行間を指定する
・文字、単語の間隔を空ける
・文字に線を引く
・小文字と大文字を入れ換える

スタイルシート一覧のページに戻る