【white-space】ソースをそのまま表示する【css】
white-space
white-spaceはソース中の半角スペース・タブ・改行の表示の仕方を指定するスタイルシートです。ソースなどを文章中に表示させたい場合などによく用います。
CSS
p.tag{
white-space: pre;
}
HTML <html> <head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <p class="tag"> ここでは全てのタグを無視して単なる文字列として表示させることができます。 ex)<font color="blue">通常ならフォントが青くなる</font> ただし、反映させるタグとそうでないタグを区別するために、 "<"は<
">"は> とする必要があります。
"<"や">"のまま書いてしまうとそのタグは通常通り反映されてしまいます
</p>
</body>
</html>
HTML <html> <head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <p class="tag"> ここでは全てのタグを無視して単なる文字列として表示させることができます。 ex)<font color="blue">通常ならフォントが青くなる</font> ただし、反映させるタグとそうでないタグを区別するために、 "<"は
">"は
white-space ソース そのまま の関連記事
コメント
No comments yet
コメントする
次項 Safariでのホームページのズレ直し【cssハック】
前項 【小ネタ】右クリックを無効にする【スクリプト】
▲知識Z(ゼータ)トップへ