HTML <pre> タグ

定義と使用法

<pre> プレフォームattedテキストを定義するタグです。

<pre> 要素内のテキストは等幅字体で表示され、スペースと改行もそのままになります。テキストはHTMLソースコードで記述された通りに完全に表示されます。

参照してください：

タグ 説明
<code> コンピュータープログラムの例の出力を定義。
<samp> キーボード入力の定義。
<kbd> キーボード入力の定義。
<var> 変数の定義。

参照してください：

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

HTML DOMリファレンスマニュアル：Preオブジェクト

例

例1

プレフォームattedテキスト：

<pre>
pre要素内のテキスト
等幅字体で表示されます。
同時に保持
スペース          と
改行符。
</pre>

自分で試してみる

例 2

固定幅を持つプレフォーマットテキストの作成方法（CSSを使用して）：

<div style="width:200px;overflow:auto">
<pre>固定幅を持つ pre です。指定されたスペースを使用します。</pre>
</div>

自分で試してみる

グローバル属性

<pre> タグは以下のイベント属性をサポートしています HTMLでのグローバル属性。

イベント属性

<pre> タグは以下のイベント属性をサポートしています HTMLでのイベント属性。

デフォルトの CSS 設定

ほとんどのブラウザは以下のデフォルト値を使用して表示します <pre> 要素：

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

自分で試してみる

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート