pre 要素

概要

整形済みテキスト (preformatted text) を表します。この要素内の空白文字や改行はそのままレンダリングに反映され、等幅フォントで表示されます。もしこれらのスタイルを変更したい場合は、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 Living Standard  
HTML5 勧告候補  
HTML 4.01 Specification 勧告  

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 1.0 (有) (有) (有) (有)
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート (有) (有) (有) (有) (有)

関連情報

Document Tags and Contributors

Contributors to this page: ethertank, yyss
最終更新者: yyss,