pre要素

pre要素 改行や空白を表示する ブロック要素

改行や空白をそのまま表示することができます。文字で絵を書いたり文字で地図を書くこともできます。 プログラムのソースを表示するときにも使えます。このサイトではHTML要素を表示するときにタブ文字といっしょにpre要素を使っています。

内容にできる要素

インライン要素 テキスト
※固定幅フォントを確保するため画像やフォントのサイズを変更する次の要素は内容にできません
applet big font img object small sub sup

<pre>文字</pre>

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

html

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

css

要素の幅を変える

値には長さ、パーセンテージなど

pre.a { width: 600px; }

マージンの指定（preの外側の余白）

値には長さを表す値、この場合は上下に5px左右に0px

pre.a { margin: 5px 0px; }

内側の余白（preの内側の余白）

値には長さを表す値、この場合は上下に2px左右に5px

pre.a { padding: 2px 5px; }

共通属性

指定できる共通属性

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

イベント属性

イベント属性