i要素

TOPページに戻る > html入門

i要素

文字を斜体で表示します
i要素は単なる装飾です。em要素とは違いtagで囲う文字に論理的強調はありません
i要素は視覚的強調です

使い方（書式）

<i></i>

i要素

対応ブラウザ
要素の種類	インライン要素
内容となる要素	インライン要素、テキスト

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

実際の指定方法

html

<i>テキスト</i>

実際の表示

テキスト

cssでスタイルを指定

html

クラス名は自由に変えてください。hogeがclass名です

<i class="hoge">テキスト</i>

css

.hoge{ color: #FF6600; }        /* 文字色をオレンジに指定 */

.hoge2{ font-style: normal; }   /* 文字のスタイル(斜体)をnormalに指定 */

.hoge3 { border: solid 1px #FF9900; } /* 枠線を表示 */

.hoge4 { font-size: 1.5em; }    /* 文字の大きさを指定 */

.hoge5 { background-color: #FFEFD5; } /* 背景色を指定 */

実際の表示

文字色 color: #FF6600;

テキスト

文字のスタイル font-style: normal;

テキスト

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

テキスト

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

テキスト

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

テキスト

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