HTML <pre>タグ


書式設定済みテキスト:

<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
</pre>

以下の「自分で試してみてください」の例をもっと見てください。


定義と使用法

<pre>タグは、事前にフォーマットされたテキストを定義します

要素内のテキストは<pre>固定幅フォントで表示され、テキストはスペースと改行の両方を保持します。テキストは、HTMLソースコードで記述されたとおりに正確に表示されます。

また見てください:

Tag Description
<code> Defines a piece of computer code
<samp> Defines sample output from a computer program
<kbd> Defines keyboard input
<var> Defines a variable

ブラウザのサポート

Element
<pre> Yes Yes Yes Yes Yes


グローバル属性

この<pre>タグは、HTMLのグローバル属性もサポートしています。


イベント属性

この<pre>タグは、HTMLのイベント属性もサポートしています。


その他の例

固定幅(CSSを使用)で事前にフォーマットされたテキストを作成する方法:

<div style="width:200px;overflow:auto">
<pre>This is a pre with a fixed width. It will use as much space as specified.</pre>
</div>

関連ページ

HTMLチュートリアル:HTMLテキストフォーマット

HTML DOMリファレンス:プレオブジェクト


デフォルトのCSS設定

ほとんどのブラウザは<pre>、次のデフォルト値で要素を表示します。

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}