b要素

TOPページに戻る > html入門

スポンサード リンク

b要素

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

使い方(書式)

<b></b>

b要素

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

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

実際の指定方法

html

<b>テキスト</b>

実際の表示

テキスト

cssでスタイルを指定

html

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

css

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

実際の表示

文字色 color: #FF6600;

テキスト

文字の太さ font-weight: normal;

テキスト

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

テキスト

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

テキスト

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

テキスト

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





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