ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >CSS一覧 >ページ全体

ページ内の余白を指定する

{margin:値;}、{margin-位置:値;}でページ内の内容の外側の余白を指定する ことができます。

余白の細かな指定方法はボックスの外側、内側の余白を指定する の項目のmarginの方を参照して下さい。

【ブラウザ表示】

サンプル8

サンプル9


ソース

<body class="sample8">サンプル8</body>
<body class="sample9">サンプル9</body>

外部ファイル

body.sample8{margin:150px;}
body.sample9{
margin-top:200px;
margin-right:150px;
margin-bottom:180px;
margin-left:100px;
}


<body>タグに直接記入する場合

<body style="margin:150px;">サンプル8</body>
<body style="margin-top:200px; margin-right:150px; margin-bottom:180px; margin-left:100px;">
サンプル9
</body>

■ その他の項目

ページに背景色や壁紙を指定する
背景画像を固定する
背景画像の表示方法を指定する
背景画像の表示位置を指定する
マウスカーソルの形を変える
スクロールバーの色を指定する

スタイルシート一覧のページに戻る

CSS一覧
テキスト
イメージ
テーブル
ボックス
リンク
リスト
水平線
フォーム
フレーム
ページ全体

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.