small要素

TOPページに戻る > html入門

スポンサード リンク

small要素

文字を小さめの文字で表示します
cssのfont-sizeプロパティで文字の大きさを変更することもできます
small要素はインライン要素なので文章中に使えます

使い方(書式)

<small></small>

small要素

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

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

実際の指定方法

html

テキスト<small>テキスト</small>

実際の表示

small要素で囲まれたテキストは少し小さく表示されています。もっと小さくしたい場合はcssで指定してください
テキストテキスト

cssでスタイルを指定

html

クラス名は自由に変えてください。hogeがclass名です
<small class="hoge">テキスト</small>

css

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

実際の表示

文字色 color: #FF6600;

テキスト

文字の太さ font-weight: bold;

テキスト

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

テキスト

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

テキスト

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

テキスト

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





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