pre要素の概要
整形済みテキストHTML | ||
<pre>…</pre> |
||
目的 | 作成したテキストをそのままの形で表示。WordPressのソースコードを表示するプラグインでも使用。 | |
関連 | <code> | |
HTMLはマークアップ 言語です。
JavaScriptは マークアップ言語ではありません。
<pre>を使わない場合、以下のように改行がカットされ、空白文字が1つのみにまとめられます。 HTMLはマークアップ 言語です。 JavaScriptは マークアップ言語ではありません。
|
||
<pre> HTMLはマークアップ 言語です。 JavaScriptは マークアップ言語ではありません。 </pre> |
属性
グローバル属性のみ
CSSデザイン
幅に合わせてpre要素内に改行を入れる コピペで使えるHTML+CSS
pre要素は文書を崩さずにそのまま表示します。その結果として幅に合わせた改行が行われず、横に長い文章やソースコードの場合、改行が行われず、見にくい表示となってしまいます。そこで、white-spaceプロパティを用いる方法を解説します。