- ベストアンサー
table padding:
table[summary="table名"] { padding: 5px 10px; } が適用されないのですが、これは仕様ですか？
- gauasycbekryv
- お礼率91% (43/47)
- CSS
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
もしかしたら、table[summary="table名"]に border-collapse: collapse; が指定されていませんか？ ※リセットファイルなどにあるかもしれません その場合、border-collapse: separate;と指定しなおすと、 paddingが効く様になります。 また、別の方法として、 table[summary="table名"]にCSSを適用するのではなく、 tdに対して指定したら効くと思います。 table[summary="table名"] td { padding: 5px 10px; }
その他の回答 (2)
以下のコードを IE11, FireFox 40.0.3 で表示してみましたが、きちんと padding が適用されました。問題が発生したコード及び環境を提示してください。 <!DOCTYPE html> <html> <head> <style> table[summary="table名"]{ padding: 5px 10px; } </style> </head> <body> padding あり <table summary="table名" style="background: #f88;"> <tr><td>cell1</td><td>cell2</td></tr> <tr><td>cell3</td><td>cell4</td></tr> </table> <br> padding なし <table style="background: #88f;"> <tr><td>cell1</td><td>cell2</td></tr> <tr><td>cell3</td><td>cell4</td></tr> </table> </body> </html>
お礼
ご回答ありがとうございました。
- t_ohta
- ベストアンサー率38% (5241/13712)
tableに指定したpaddingが、どこに適用されて欲しいのでしょうか？
お礼
ご回答ありがとうございました。
お礼
ご回答ありがとうございました。