HTMLテーブルのパディングと間隔
HTMLテーブルでは、セル内のパディング、およびセル間のスペースを調整できます。
| こんにちは | こんにちは | こんにちは |
| こんにちは | こんにちは | こんにちは |
| こんにちは | こんにちは | こんにちは |
| こんにちは | こんにちは | こんにちは |
| こんにちは | こんにちは | こんにちは |
| こんにちは | こんにちは | こんにちは |
HTMLテーブル-セルパディング
セルのパディングは、セルの端とセルの内容の間のスペースです。
デフォルトでは、パディングは0に設定されています。
テーブルセルにパディングを追加するには、CSSpaddingプロパティを使用します。
例
th, td
{
padding: 15px;
}
コンテンツの上にのみパディングを追加するには、padding-topプロパティを使用します。
そして、他の側は、、、padding-bottomおよびpadding-leftプロパティpadding-rightを持っています：
例
th, td
{
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
HTMLテーブル-セル間隔
セル間隔は、各セル間のスペースです。
デフォルトでは、スペースは2ピクセルに設定されています。
テーブルセル間のスペースを変更するには、
要素のCSS
border-spacingプロパティを使用します。table
例
table
{
border-spacing:
30px;
}