<body topmargin="" bottommargin="" leftmargin="" rightmargin="" marginheight="" marginwidth=""></body>
ブラウザ |
|
---|---|
分類 |
|
要素 |
body要素に topmargin="" bottommargin="" leftmargin="" rightmargin="" marginheight="" marginwidth=""
を追加すると、ブラウザの枠と内容とのマージンを指定することができます。
<body topmargin="0" bottommargin="0" leftmargin="20" rightmargin="20" marginheight="0" marginwidth="20"> ~ </body>
ブラウザにより2種類の指定方法があります。
- IE、Safari、Chrome、Operaで対応
-
<body topmargin="0" bottommargin="0" leftmargin="20" rightmargin="20">
- Firefox、Safari、Chrome、Operaで対応
-
<body marginheight="0" marginwidth="20">
- 同時に指定することも可能
-
<body topmargin="0" bottommargin="0" leftmargin="20" rightmargin="20" marginheight="0" marginwidth="20">
属性 | 値 | 説明 |
---|---|---|
IE、Safari、Chrome、Operaで対応 | ||
topmargin="" |
ピクセル数 | 上のマージンを指定 |
bottommargin="" |
ピクセル数 | 下のマージンを指定 |
leftmargin="" |
ピクセル数 | 左のマージンを指定 |
rightmargin="" |
ピクセル数 | 右のマージンを指定 |
Firefox、Safari、Chrome、Operaで対応 | ||
marginheight="" |
ピクセル数 | 上下のマージンを指定 |
marginwidth="" |
ピクセル数 | 左右のマージンを指定 |
上記の属性は、HTML 4.01では定義されていません。
使用例
<html>
<head>
<title>文書のタイトル</title>
</head>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0">
</body>
</html>
- 表示例
-
<body>
マージンの指定を行わなかった場合<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0">
全てのマージンに0を指定した例<body topmargin="20" bottommargin="20" leftmargin="80" rightmargin="80" marginheight="20" marginwidth="80">
上下に20、左右に80を指定した例