ウィンドウの余白を無くしたり、10pxなどに調整したりします。
<BODY>タグに属性を指定する方法と、スタイルシートを使用する方法があります。

→ Sample 1：ウィンドウの余白をなくす（<BODY>タグの属性）
→ Sample 2：ウィンドウの余白をスタイルシートで調整

「Sample 2」のように、ウィンドウの余白はピクセルだけでなく、％などの単位を使うことも可能です。

サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するソースです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。

→ Sample 1：ウィンドウの余白をなくす（<BODY>タグの属性）

→ Sample 2：ウィンドウの余白をスタイルシートで調整

解説・注意点など

<BODY>タグに属性を指定する方法では、
<BODY topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
と指定しますが、
topmargin="0" leftmargin="0"がInternet Explorer用、
marginwidth="0" marginheight="0"がNetscape用の属性になります。
この場合、上下の余白と左右の余白は同じになります。

スタイルシートを用いると、上下左右違った余白を指定することができます。
BODY { margin: 10px 20px 30px 40px; } /* 上右下左の順 */
のように指定します。
指定する単位は％などでも構いません。

詳しい指定方法は、スタイルシートサンプルをご覧下さい。

← Webデザインテクニックに戻る

eWeb