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

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

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

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