サイト内検索
...スタイルシート(css)...
スタイルシート・余白
余白の指定
マージン(余白)は、margin プロパティを指定します。
プロパティ名 | 値 | 説明 |
---|---|---|
margin: | ; | 「数値+単位」(例・・100px)を指定します。
単位は、「px」または「%」を指定します。 |
auto; | 自動を設定することもできます。 |
プロパティ名 | 値
(サンプル) |
説明 |
---|---|---|
margin: | 10px; | 上下左右 の指定をします。 |
margin: | 10px 20px; | 上下・左右 の指定をします。 |
margin: | 10px 20px 30px; | 上・ 左右・下 の指定をします。 |
margin: | 10px 20px 30px 40px; | 上・右 ・下・左 の指定をします。 |
プロパティ名 | 値
(サンプル) |
説明 |
---|---|---|
margin-top: | 10px; | 上のマージン(余白)を指定します。 |
margin-right: | 20px; | 右のマージン(余白)を指定します。 |
margin-bottom: | 30px; | 下のマージン(余白)を指定します。 |
margin-left: | 40px; | 左のマージン(余白)を指定します。 |
サンプル
[headの中]
<style type="text/css"><!--
body{
margin: 10px 15px;
}