- ベストアンサー
cellpaddingとpaddingでは
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
効果としては同じで、どちらも余白をあけるものです。 ただし、cellpaddingはテーブル系のタグにしか使えず、また最近主流のHTML5にも対応していません。 ◆<table>－HTML5タグリファレンス http://htmq.com/html5/table.shtml ◆padding－スタイルシートリファレンス http://htmq.com/style/padding.shtml これからHTMLを書くのであれば、cellpaddingではなくてpaddingのほうをおすすめします。
関連するQ&A
- タグのcellPaddingとCSSのpaddingについて
HTMLとスタイルシートについての質問です。 よろしくお願いします。 ブラウザの見え方の差異を回避するため、CSSの冒頭に*{padding:0;margin:0} の記述をしています。 一部DIVでこの設定を適用外にしたかったため、クラスを利用し .area *{padding:auto;margin:auto}と記述してみました。 一見思い通りになったように見えたのですが、tableタグのcellPaddingより スタイルシートが優先されてしまうようで、cellPaddingが無視された形になって しまいます。 タグをいじらずに.area内のcellpaddingが摘要されるようにするには どのようにしたら良いでしょうか？ 詳しい方ご教授ください。
- ベストアンサー
- HTML
- 全称セレクタでPADDING:0を指定したら、TABLEのPADDINGが指定できなくなった
タイトルどおりです。なぜなんですか？ ちなみに、HTML4.01のDDTで作ってるHPです。 全称セレクタで、PADDING：０を指定してると、 どうTABLEにCELLPADDINGを指定しても、ぜんぜんPADDINされません。 全称セレクタの設定を消せば、ちゃんとテーブルでパディングされるんです。 なぜでしょうか？ 全称セレクタは優先度が一番低いセレクタのはずですが、テーブルのタグはそれよりさらに低いということでしょうか
- ベストアンサー
- HTML
- table cellpadding「有」又は「無し」でCSSの解釈違う？
IE6,７ tableのcellpaddingをcellpadding="0"と表記してスタイルシートでセルのpaddingを指定するのと、cellpadding="0"と表記せずにスタイルシートでセルのpaddingを指定するのとでは、ブラウザーのテールブルの解釈(表示)が違うのですが、スタイルシートでセルのpaddingを指定する場合、HTMLのcellpaddingをcellpadding="0"と表記するべきですか又は表記しないべきですか？ 以下の二つのコードの違いは、<table>タグにcellpadding="0"が「ある」か「ない」かだけですが、例２のコードのテーブルの方が例1のテーブルより全体的な幅が広く表示されます。 <例１：cellpadding="0"あり> <html> <head> <style type="text/css"> .ta { margin-top:20px; margin-bottom:20px; table-layout:fixed; } .ta_ti { padding-top:5px; padding-bottom:5px; text-align:center; font-size:18px; font-weight:900; line-height:180%; } .ta_he { font-size:16px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; text-align:left; vertical-align:top; line-height:180%; font-weight:900; } .ta_da { padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; text-align:left; vertical-align:top; line-height:180%; } </style> </head> <body> <table class="ta" width="550" border="0" cellspacing="1" cellpadding="0"> <colgroup> <col width="200"> <col width="347"> </colgroup> <tr> <td class="ta_ti" colspan="2"> タイトル </td> </tr> <tr> <td class="ta_he"> 見出し </td> <td class="ta_da"> データ </td> </tr> </table> </body> </html> <例2：cellpadding="0"無し> <html> <head> <style type="text/css"> .ta { margin-top:20px; margin-bottom:20px; table-layout:fixed; } .ta_ti { padding-top:5px; padding-bottom:5px; text-align:center; font-size:18px; font-weight:900; line-height:180%; } .ta_he { font-size:16px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; text-align:left; vertical-align:top; line-height:180%; font-weight:900; } .ta_da { padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; text-align:left; vertical-align:top; line-height:180%; } </style> </head> <body> <table class="ta" width="550" border="0" cellspacing="1"> <colgroup> <col width="200"> <col width="347"> </colgroup> <tr> <td class="ta_ti" colspan="2"> タイトル </td> </tr> <tr> <td class="ta_he"> 見出し </td> <td class="ta_da"> データ </td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- cellpadding
<table border="1" cellpadding="10" cellspacing="0"> <tr> <td>あああああ</td> </tr> </table> 上記テーブルで、「あああああ」の周りに出来る余白(空白)のピクセル数(上下左右)は それぞれ10pxなんでしょうか？それとも5pxなんでしょうか？
- ベストアンサー
- HTML
- 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としました。
- ベストアンサー
- HTML
- padding:が効かない
<table summary="mid_table"> <tr><td class="mid_table"> <h3>test</h3> </td></tr> </table> にたいして、 td.mid_table{ padding:50px 50px; } としてるのに、できてません。 <h3>が原因ですか？ paddingで隙間の調整をしたい場合はどうすればいいでしょうか？
- ベストアンサー
- HTML
- *{margin:0px;padding:0px;}というＣＳＳのタグの意味について教えてください。
<style type="text/css"> *{margin:0px;padding:0px;} </style> ホームページで上記のようなソースを見かけたのですが、これはどういう意味なのでしょうか？ 試しに新規ページにこのコードを記述してbody内にtableを作ってみたのですが、tableに記述したcellpaddingが 数値をいろいろ変えても動作しません。 この*{margin:0px;padding:0px;}という記述をすることによる意図は何なのでしょうか？ 宜しくお願いします。
- ベストアンサー
- HTML
- tr 無視されます padding
テーブルに対してcssで table[summary="トップページ"] tr{ padding:30px 30px; } は効かないのですか？ table[summary="トップページ"] th{ padding:30px 30px; } や table[summary="トップページ"] td{ padding:30px 30px; } は適用されますが tr だけが無視されます。
- ベストアンサー
- HTML
- CELLPADDINGって？
メールボックスに件名がCELLPADDINGというメールがはいってました。 本文はなく、差出人にも心あたりがありません。 ちなみにヤフーメールです。
- ベストアンサー
- その他（メールサービス・ソフト）
お礼
回答頂きありがとうございました。