スタイルシート
- width
- height
height:100px; width:200px;
float
- float:right;
-
floatは、画像や文章などを左寄せ/中央ぞろえ/右寄せにします。
あとに続く文章は、floatの対象になった文章に重ならないように配置します。
clear
- float:right;
-
clearは、画像や文章などを左寄せ/中央ぞろえ/右寄せにします。
display
displayはほとんど意味が無い表記です。ただし、noneを指定すると、余計な画像などを表示させないことができます。
- display:block;
- 段落や部分など、ひとつの大きなかたまりであることを示します
- display:inline;
- 段落や行のなかで、ひとつの集合であることを示します。
- display:list-item;
- リストであるという意味です。
- display:none;
- noneを指定すると、その部分はディスプレイに表示されません。
white-space
HTMLのなかに空白を書いたとき、どのように処理するかを定めます。
通常は何も指定しないほうがいいでしょう。
- white-space:normal;
- 空白はつぶれて無くなります。
- white-space:pre;
- 空白「 」を、HTMLに書かれたまま表示します
- white-space:nowrap;
- <br>のときだけだけ改行されます。
