サイト内検索
...スタイルシート(css)...
スタイルシート・table
セル内の余白(padding)
- セル内の余白は、paddingプロパティを指定します。
- [使い方]
- th,td{
padding: 30px;
}
プロパティ名 | 値 | 説明 |
---|---|---|
padding: | ; |
「数値+単位」(例・・100px)を指定します。
単位は、「px」・「em」など、または「%」を指定します。 auto(自動) |
プロパティ名 | 値
(サンプル) |
説明 |
---|---|---|
padding: | 10px; | 上下左右 の指定をします。 |
padding: | 10px 20px; | 上下・左右 の指定をします。 |
padding: | 10px 20px 30px; | 上・ 左右・下 の指定をします。 |
padding: | 10px 20px 30px 40px; | 上・右 ・下・左 の指定をします。 |
サンプル
[headの中]
<style type="text/css"><!--
table{
border: 1px #999999 solid;
}
th,td{
padding: 30px;
border: 1px #999999 solid;
}
-->
</style>
[bodyの中]
<table><tr>
<th>No1</th>
<th>No2</th>
</tr>
<tr>
<td>No3</td>
<td>No4</td>
</tr>
</table>
[ブラウザ上]
No1 | No2 |
---|---|
No3 | No4 |