tt要素

tt要素 等幅フォント インライン要素

tt要素で囲った文字を等幅フォントで表示します。tt要素を使えばプログラムのソースの一部を見やすくできます。
等幅フォントでは半角英数字や半角カナの幅を同じ幅で表示することができます。全角文字は半角文字の2倍の幅で表示されます。

内容にできる要素

インライン要素 テキスト

<tt>文字mojiﾓｼﾞ123</tt>

実際の表示

文字mojiﾓｼﾞ123
文字mojiﾓｼﾞ123 こちらは普通のテキスト

cssで代用する場合

font-familyプロパティ

値にmonospaceを指定すれば等幅で表示できます。全ての要素に使えます。

{ font-family: monospace; }

cssでデザインを指定する場合

html

<tt class="a">文字</tt>

css

文字の大きさの指定

文字が大きすぎる場合や小さすぎる場合cssで文字の大きさを調整をします。

tt.a { font-size: 12px; }

文字の太さの指定

値には「bold」太字「normal」通常「bolder」やや太く「ligher」やや細く

tt.a { font-weight: normal; }

文字の斜体の指定

値には「italic」斜体（イタリック体）「normal」通常「oblique」斜体

tt.a { font-style: normal; }

文字色の指定

値には色を指定する値が使えます

tt.a { color: red; }

共通属性

指定できる共通属性

id属性 class属性 style属性 title属性 lang属性 dir属性

イベント属性

イベント属性