<pre>: 整形済みテキスト要素

ここへジャンプ:
  1. 属性
  2. 例
  3. 仕様策定状況
  4. ブラウザーの対応
  5. 関連情報

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;
}

仕様策定状況

仕様書 策定状況 コメント
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 AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり4 あり あり あり
cols なし なし なし4 — 29 なし なし なし
width あり1 あり1 あり142 あり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.

関連情報

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

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