1. Home
  2. HTMLタグ
  3. ページ全般タグ
  4. ブラウザの枠とのマージンを指定する

ブラウザの枠とのマージンを指定する


<body topmargin="" bottommargin="" leftmargin="" rightmargin="" marginheight="" marginwidth=""></body>

ブラウザ
IE
Fx
Sf
Cr
O
分類
独自拡張属性
要素
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を指定した例


ページ全般タグ

ページの先頭へ


inserted by FC2 system