スポンサード リンク
font要素
文字のフォントの種類、大きさの指定、色の指定を指定できます
font要素はインライン要素なので文章中に使えます
font要素はHTML4では推奨されない要素です。なるべくcssのfontプロパティで文字のスタイルを指定してください
font要素はHTML5では廃止されました
使い方(書式)
<font></font>
font要素
対応ブラウザ | |
要素の種類 | インライン要素 |
内容となる要素 | インライン要素、テキスト |
属性 | 説明 |
face属性 | テキストのフォントの種類を指定できます 推奨されない属性なのでcssのfont-familyプロパティを使ってください |
size属性 | テキストの大きさを指定できます
推奨されない属性なのでcssのfont-sizeプロパティを使ってください |
color属性 | テキストの色を指定できます 推奨されない属性なのでcssのfont-colorプロパティを使ってください |
共通属性 | html共通属性 |
イベント属性 | htmlイベント属性 |
実際の指定方法
html
<font color="blue">テキスト</font>
実際の表示
テキストcssでスタイルを指定
html
クラス名は自由に変えてください。hogeがclass名です<span class="hoge">テキスト</span>
css
.hoge{ color: #FF6600; } /* 文字色をオレンジに指定 */
.hoge2 { font-weight: bold; } /* 文字を太くする */
.hoge3 { border: solid 1px #FF9900; } /* 枠線を表示 */
.hoge4 { font-size: 0.7em; } /* 文字の大きさを指定 */
.hoge5 { background-color: #FFEFD5; } /* 背景色を指定 */
.hoge6{ font-family: "MS 明朝"; } /* テキストの書体をMS 明朝指定 */
実際の表示
文字色 color: #FF6600;
テキスト文字の太さ span-weight: bold;
テキスト枠線を表示 border: solid 1px #FF9900;
テキスト文字の大きさ span-size: 0.7em;
テキスト背景色を指定 background-color: #FFEFD5;
テキストテキストの書体をMS 明朝指定 span-family: "MS 明朝";
テキスト