mozilla
Your Search Results

    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
    基本サポート (有) (有) (有) (有) (有)

    関連情報

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

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