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;
}