sub要素

TOPページに戻る > html入門

スポンサード リンク

sub要素

sub要素を使えば下付き文字を表示することができます。化学式や数式などを表示するのにも使えます

使い方(書式)

<sub></sub>

sub要素

対応ブラウザ ie6 ie7 ie8 ie9 ie10 ie11 google Chrome safari fire fox opera
要素の種類 インライン要素
内容となる要素 インライン要素、テキスト

属性 説明
共通属性 html共通属性
イベント属性 htmlイベント属性

実際の指定方法

html

H<sub>2</sub>O → H<sub>2</sub> + O

実際の表示

H2O → H2 + O

cssでスタイルを指定

html

クラス名は自由に変えてください。hogeがclass名です
H<sub class="hoge">2</sub>O → H<sub>2</sub> + O

css

.hoge{ color: #FF6600; }        /* 文字色をオレンジに指定 */
.hoge2 { font-weight: bold; }   /* 文字の太さを太くする */
.hoge3 { border: solid 1px #FF9900; } /* 枠線を表示 */
.hoge4 { font-size: 1.2em; }    /* 文字の大きさを指定 */
.hoge5 { background-color: #FFEFD5; } /* 背景色を指定 */

実際の表示

文字色 color: #FF6600;

H2O → H2 + O

文字の太さ font-weight: bold;

H2O → H2 + O

枠線を表示 border: solid 1px #FF9900;

H2O → H2 + O

文字の大きさ font-size: 1.2em;

H2O → H2 + O

背景色を指定 background-color: #FFEFD5;

H2O → H2 + O

その他のデザインはcssでスタイルを指定





(C)2012 ホームページ作成無料