paddingはテーブルに対して行えないの？

質問

cssのpaddingはテーブルに対して行えないのでしょうか？

table[summary="table_あ"] {
text-align: center;
padding: 20px 0px;
}

というcssを設定すると
text-align: center;
は適用されているのに
padding: 20px 0px;
は無視されます。

http://www.tagindex.com/stylesheet/table/padding.html
を参考にしたのですが、
もしかして、
tableでpaddingは使えないのでしょうか？

上下のみ空白が欲しいので20px 0pxとしました。

回答No.2

DrFell · ベストアンサー

テーブルに対してというより、セルに対してpaddingしたいのでは？と思いました。

text-align: は継承されるプロパティなので、tableへの指定でも有効に見え、
padding:は継承されないプロパティなので、tableへの指定では効果なしに見えるのだと思います。
参考：
http://www.tagindex.com/stylesheet/properties/

以下、憶測へのアドバイスとなりますので、外していたらごめんなさい。
tdやthに直接指定すればいかがでしょうか？
table[summary="table_あ"] >td,
table[summary="table_あ"] >th{
text-align: center;
padding: 20px 0px;
}

お礼

ありがとうございました。

回答No.1

Gotthold

参考ページのCSSを
table {
padding: 20px 0px;
}
に書き換えてみましたが、ちゃんと適用されましたよ。
（添付画像参照）

お礼

ありがとうございました。