初級篇★ページ作りの基礎知識２. スタイルシートを使ってみよう

VOL5. Box に関する設定　その3 ★ 内容領域のサイズ指定

内容領域は、以下のように幅と高さを指定することができます。但し、IE5.5以前のブラウザでは、指定した長さがパディングと枠線の幅まで含んでしまうため、表示に齟齬をきたすことがありますので注意する必要があります。ブラウザ・バージョンによる表示の違いについては、こちらを参照して下さい。

ex. body の内容領域を幅500px、高さ800px に指定

body { width: 500px;

height: 800px; }

<値>は上の例のように「数値+単位」で指定しますが、「数値+単位」の代わりに「auto」を指定するとブラウザが独自に判断してサイズを設定します。スタイルシートで使用できる単位については、「Column7.スタイルシートと単位」 を参照して下さい。

初級篇2.VOL５.Boxに関する設定その2-2 <<

>> 初級篇2.VOL.6. 背景に関する設定・その1