【white-space】ソースをそのまま表示する【css】 知識Z(ゼータ)

トップページ> 【white-space】ソースをそのまま表示する【css】

【white-space】ソースをそのまま表示する【css】

Date:2008/12/26
Category: HTML


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> ただし、反映させるタグとそうでないタグを区別するために、 "<"は&lt;
">"は&gt;
とする必要があります。 "<"や">"のまま書いてしまうとそのタグは通常通り反映されてしまいます </p> </body> </html>


white-space ソース そのまま の関連記事

コメント

No comments yet

コメントする




次項 Drupal(ドゥルーパル)とは【CMS】
前項 【小ネタ】右クリックを無効にする【スクリプト】

知識Z(ゼータ)トップへ
モッピー | お金がたまるポイントサイト
About Us

知識Z(ゼータ)は違法性のあるコンテンツ、不適切な表現の含まれるコンテンツを一切を排除した安心安全な総合優良コンテンツサイトを目指しています。細心の注意を払っておりますが、万が一、不適切なコンテンツ等がございましたら、ご一報ください。ご意見・ご連絡

当サイトは、月額1,050円で高機能・安心レンタルサーバーの【XSERVER(エックスサーバー) 】にて運営させていただいております。いつも大変ありがとうございます。

Calendar
<   2008-12   >
 123456
78910111213
14151617181920
21222324252627
28293031   

Amazon.co.jp
What's New
タグ
オンラインデータ
訪問者数:1 人
投稿記事数:283 件
08979473