サイト内検索
...スタイルシート(css)...
スタイルシート・ｔａｂｌｅ
外側の余白の指定(margin)
- 外側の余白は、marginプロパティを指定します。
- [使い方]
- table{
border: 1px #999999 solid;
margin: 10px 15px;
}
| プロパティ名 | 値 | 説明 |
|---|---|---|
| margin: | ; |
「数値+単位」（例・・100px）を指定します。
単位は、「px」・「em」など、または「%」を指定します。 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; | 左のマージン(余白)を指定します。 |
サンプル
[ｈｅａｄの中]
<style type="text/css"><!--
table{
border: 1px #999999 solid;
margin: 10px 15px;
float: left;
}
th,td{
border: 1px #999999 solid;
}
-->
</style>
[ｂｏｄｙの中]
<table><tr>
<th>Ｎｏ１</th>
<th>Ｎｏ２</th>
</tr>
<tr>
<td>Ｎｏ３</td>
<td>Ｎｏ４</td>
</tr>
</table>
sample
sample
sample
テーブルの周りに
margin:10px 15px;を
取っています
[ブラウザ上]
| Ｎｏ１ | Ｎｏ２ |
|---|---|
| Ｎｏ３ | Ｎｏ４ |
sample
sample
sample
テーブルの周りに
margin:10px 15px;を
取っています
