dfn要素

TOPページに戻る > html入門

スポンサード リンク

dfn要素

定義する用語(説明される用語)を文章中に表示できます
文章中に何を説明しているのか明示することが目的です
dfn要素はインライン要素なので文章中に記述することができます
デフォルトの表示では文字が斜体で表示されます。cssでスタイルを指定できます

使い方(書式)

<dfn></dfn>

dfn要素

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

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

実際の指定方法

html

<p>用語を説明する文章です<dfn>説明を受ける用語</dfn>を説明しています</p>

実際の表示

用語を説明する文章です説明を受ける用語を説明しています

cssでスタイルを指定

html

<p>用語を説明する文章です<dfn class="hoge">説明を受ける用語</dfn>を説明しています</p>

css

.hoge {
 font-style: normal;  /* 文字を斜体からnormalに変更 */
 font-weight: bold;   /* 文字を太字にして目立たせました */
  }

実際の表示

用語を説明する文章です説明を受ける用語を説明しています


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





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