文章の表示方法を指定する(ブロック/インライン/非表示)
<p>、<div>および<h1>~<h6>タグのようなブロックタグは、通常段落とみなされ 改段が発生しますが、displayで表示方法を指定することで、インライン表示にしたり、非表示にしたりすることができます。
<タグ名 style="display:表示方法">表示方法を指定する文章</タグ名>
- タグ名:p、divおよびh1~h6などほとんどのブロックタグおよびインラインタグが使用できます。
- 表示方法:下記の中から指定できます。
inline インライン表示にする(改段しない) block ブロック表示にする(改段する) none 表示しない
サンプルです。
野生のサルに
餌を与えてはいけません
。よろこぶどころか もっとよこせ! と言うように威嚇されます。このソースは次のようになっています。
野生のサルに
<h1 style="display:inline; font-size:20px;">餌を与えてはいけません</h1>
。よろこぶどころか
<span style="display:block; background-color: #98FB98; padding:5px;">もっとよこせ!</span>
と言うように威嚇されます。
<div style="display:none">この話は本当です。サルは頭がよいので気をつけましょう</div>
<h1 style="display:inline; font-size:20px;">餌を与えてはいけません</h1>
。よろこぶどころか
<span style="display:block; background-color: #98FB98; padding:5px;">もっとよこせ!</span>
と言うように威嚇されます。
<div style="display:none">この話は本当です。サルは頭がよいので気をつけましょう</div>
一番下の文章は、display:none で非表示にしているため、表示されません。