pre 要素

概要

HTML 整形済みテキスト要素 (<pre>) は、整形済みテキスト (preformatted text) を表します。この要素内の空白文字や改行はそのままレンダリングに反映され、等幅フォントで表示されます。もしこれらのスタイルを変更したい場合は、CSS を用います。

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

属性

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

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

<!-- CSS コードを表示する例 -->
<pre>
html, body { margin: 0; }

body {
  padding: 8em;
  background: #000;
  color: #fff;
}

a:link { color: #eee; }
a:visited { color: #ddd; }
a:hover,
a:focus { color: #ff0; }
a:active { color: #fff; }
</pre>

表示結果

html, body { margin: 0; }

body {
  padding: 8em;
  background: #000;
  color: #fff;
}

a:link { color: #eee; }
a:visited { color: #ddd; }
a:hover,
a:focus { color: #ff0; }
a:active { color: #fff; }

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

仕様

仕様書 策定状況 コメント
WHATWG HTML Living Standard
The definition of '<pre>' in that specification.
Living Standard WHATWG HTML Living Standardから重大な変更はない
HTML5
The definition of '<pre>' in that specification.
勧告 HTML 4.01 Specification から重大な変更はない
HTML 4.01 Specification
The definition of '<dl>' in that specification.
勧告 cols 属性を非推奨に変更

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 1.0 1.0 (1.7 or earlier) (有) (有) (有)
width (有)[1] 1.0 (1.7 or earlier)
29.0 (29.0)[1]
(有)[1] (有)[1] (有)[1]
cols 未サポート 1.0 (1.7 or earlier)
未サポート 29.0 (29.0)
未サポート 未サポート 未サポート
wrap ? 1.0 (1.7 or earlier) ? ? ?
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート (有) 1.0 (1.0) (有) (有) (有)
width ? 1.0 (1.0)29.0 (29.0)[1] ? ? ?
cols 未サポート 1.0 (1.0) 未サポート 未サポート 未サポート
wrap ? 1.0 (1.0) ? ? ?

[1] width 属性を指定してもレイアウトへの影響はありません。

関連情報

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

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