HTML <pre> 要素は、整形済みテキスト (preformatted text) を表します。この要素内のテキストは一般的に、ファイル内でのレイアウトをそのまま反映して等幅 ("monospace") フォントで表示されます。この要素内のホワイトスペース文字はそのまま表示します。

コンテンツカテゴリ フローコンテンツ、パルパブルコンテンツ
許可された内容 フレージングコンテンツ
タグの省略 不可。開始と終了タグの両方が必要。
許可された親要素 フローコンテンツ を受け入れるすべての要素
許可された ARIA ロール すべて
DOM インターフェイス HTMLPreElement

属性

他のすべての要素と同様に、この要素は グローバル属性 を持ちます。

cols
1 行あたりの望ましい文字数を示します。これは width の非標準シノニムです。同様の効果を得るには、CSS の width を使用します。
width
1 行あたりの望ましい文字数を示します。この属性は技術的には実装されていますが、視覚上の効果はありません。同様の効果を得るには、CSS の width を使用します。
wrap
テキストがはみ出た場合の処理に関するヒントを示します。現行のブラウザはこのヒントを無視して、視覚上の効果をもたらしません。同様の効果を得るには、CSS の white-space を使用します。

<!-- CSS コードを表示する例 -->
<pre>
body {
  color:red;
}
</pre>

表示結果

body {
  color:red;
}

【訳注: ※この表示結果では、pre 要素に MDN のスタイルシートのスタイルルールが適用されている点に注意して下さい。本来、背景色などは CSS を用い別途定義する必要があります。】

仕様

仕様書 策定状況 コメント
HTML Living Standard
<pre> の定義
現行の標準 HTML5 から重大な変更はない
HTML5
<pre> の定義
勧告 HTML 4.01 Specification から重大な変更はない
HTML 4.01 Specification
<pre> の定義
勧告 cols 属性を非推奨に変更

ブラウザー実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本サポート 有り 有り1 有り 有り 有り
cols 無し 無し1 — 29 無し 無し 無し
width 有り1 有り112 有り1 有り1 有り1
wrap ? 無し1 ? ? ?
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
基本サポート 有り 有り 有り4 有り 有り 有り
cols 無し 無し 無し4 — 29 無し 無し 無し
width 有り1 有り1 有り142 有り1 有り1 有り1
wrap ? ? 無し4 ? ? ?

1. Specifying the width attribute has no layout effect.

2. Since Firefox 29, specifying the width attribute has no layout effect.

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: yyss, ethertank
 最終更新者: yyss,