ベストアンサー

cellpaddingとpaddingでは

2016/11/19 10:39

テーブルの cellpaddingとpaddingでは効果が違うのですか?

nbxbvlxtxbxo
お礼率70% (265/375)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

Katsu_Kaiz
ベストアンサー率58% (345/586)

2016/11/20 13:38 回答No.1

効果としては同じで、どちらも余白をあけるものです。ただし、cellpaddingはテーブル系のタグにしか使えず、また最近主流のHTML5にも対応していません。 ◆<table>－HTML5タグリファレンス　http://htmq.com/html5/table.shtml ◆padding－スタイルシートリファレンス　http://htmq.com/style/padding.shtml これからHTMLを書くのであれば、cellpaddingではなくてpaddingのほうをおすすめします。

質問者

お礼 2016/11/30 21:38

回答頂きありがとうございました。

関連するQ&A

タグのcellPaddingとCSSのpaddingについて

HTMLとスタイルシートについての質問です。よろしくお願いします。ブラウザの見え方の差異を回避するため、CSSの冒頭に*{padding:0;margin:0} の記述をしています。一部DIVでこの設定を適用外にしたかったため、クラスを利用し .area *{padding:auto;margin:auto}と記述してみました。一見思い通りになったように見えたのですが、tableタグのcellPaddingよりスタイルシートが優先されてしまうようで、cellPaddingが無視された形になってしまいます。タグをいじらずに.area内のcellpaddingが摘要されるようにするにはどのようにしたら良いでしょうか？詳しい方ご教授ください。
全称セレクタでPADDING:0を指定したら、TABLEのPADDINGが指定できなくなった

タイトルどおりです。なぜなんですか？ちなみに、HTML4.01のDDTで作ってるHPです。全称セレクタで、PADDING：０を指定してると、どうTABLEにCELLPADDINGを指定しても、ぜんぜんPADDINされません。全称セレクタの設定を消せば、ちゃんとテーブルでパディングされるんです。なぜでしょうか？全称セレクタは優先度が一番低いセレクタのはずですが、テーブルのタグはそれよりさらに低いということでしょうか
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>
cellpadding

<table border="1" cellpadding="10" cellspacing="0"> <tr> <td>あああああ</td> </tr> </table> 　上記テーブルで、「あああああ」の周りに出来る余白(空白)のピクセル数(上下左右)はそれぞれ10pxなんでしょうか？それとも5pxなんでしょうか？
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としました。
table　padding:

table[summary="table名"] { padding: 5px 10px; } が適用されないのですが、これは仕様ですか？
padding:が効かない

<table summary="mid_table"> <tr><td class="mid_table"> <h3>test</h3> </td></tr> </table> にたいして、 td.mid_table{ padding:50px 50px; } としてるのに、できてません。 <h3>が原因ですか？ paddingで隙間の調整をしたい場合はどうすればいいでしょうか？
*{margin:0px;padding:0px;}というＣＳＳのタグの意味について教えてください。

<style type="text/css"> *{margin:0px;padding:0px;} </style> ホームページで上記のようなソースを見かけたのですが、これはどういう意味なのでしょうか？試しに新規ページにこのコードを記述してbody内にtableを作ってみたのですが、tableに記述したcellpaddingが数値をいろいろ変えても動作しません。この*{margin:0px;padding:0px;}という記述をすることによる意図は何なのでしょうか？宜しくお願いします。
tr　無視されます　padding

テーブルに対してcssで table[summary="トップページ"] tr{ padding:30px 30px; } は効かないのですか？ table[summary="トップページ"] th{ padding:30px 30px; } や table[summary="トップページ"] td{ padding:30px 30px; } は適用されますが tr だけが無視されます。
CELLPADDINGって？

メールボックスに件名がCELLPADDINGというメールがはいってました。本文はなく、差出人にも心あたりがありません。ちなみにヤフーメールです。
padding　一つにまとめるには？css

<html> <head> <title>test</title> <style type="text/css"> td{padding:10;} </style> </head> <body> <table border=1> <tr><th>a</th><th>b</th></tr> <tr><td>c</td><td>d</td></tr> </table> </body> </html> これで、 cとdの行のtdタグの表の幅は設定できますが、全ての行の表の幅を1行のcssで設定するにはどうすればいいでしょうか？ table{padding:10;} とすると、表の幅は0になってしまい、テ^ブルの中の幅が広がってしまいます。 tr{padding:10;} にすると何もcssが適用されてないのと同じ状態になります。 th{padding:10;} td{padding:10;} で理想の形になるのですが、なぜ tableやtrでは出来ないのでしょうか？ 1つにまとめられないのですか？添付画像は理想の形です。
スタイルシートでpaddingを使うと背景がずれる

はじめまして。はじめて質問させて頂きます。スタイルシートに関する質問なのですが、例をあげて質問させて頂きます。 sample.html---------------------------- 途中抜粋 <table border="0" cellspacing="0" cellpadding="0" > <tr> <td id="key1">例</td> </tr> </table> style.css-------------------------------- td#key1 {background-image: url(image/sample.gif); vertical-align: top; padding-top: 5px;} 以上のようにテーブルの中で"例"という文字を上から5px分下にずらしたいので、vertical-align: top; padding-top: 5px; と記述してあげたのですが、"例"という文字と同時に、背景である(sample.gif)も同時に下方向にずれてしまいます。背景がずれないようにするには　vertical-align: top; padding-top: 5px;　という記述以外に何か記述方法がありますでしょうか？よろしくお願い致します。
*{margin:0px;padding:0px;}

*{margin:0px;padding:0px;} という風に、スタイルシートで設定をしているのですが、テーブルに余白を付けようとしても、できません。どうすればいいのでしょうか？
tableのcellpadding="0" cellspacing="0"をCSSで

tableのcellpadding="0" cellspacing="0"をCSSで設定する方法を検索したところ、 border-collapse:collapse; border-spacing:0; というアドバイスが記載されていました。実際に使ってみたのですが、どうしてもセル余白とセル間隔が発生してしまいます。どうしたらよいですか。
cellpadding

<table border=1 cellspacing=1 cellpadding=20> <tr><th>a</th><th>b</th></tr> <tr><td>1</td><td>2</td></tr> </table> としたときに、セル内の左右上下に空白ができますが、上下のみ空白を作るにはどうすればいいでしょうか？左右は詰めたいです。（左に）
paddingは10%以上にできないのですね？

バリデートで下記エラーが出るのですがpaddingは10%以上にできないのですね？ .u-ptb-10percent 次のプロパティが正しくありません : padding-top 値が多すぎるか、もしくは値が解析できません : 10% 0
tableとcellspacingとcellpadding

動的に生成されたHTMLに以下が記述されています。 <table class="type" border="0" cellspacing="2" cellpadding="1"> これを外部CSSを使って、cellspacing、cellpaddingをともに「0」としたいのですが、記述方法がわかりません。よい方法をご存じのかたはおられないでしょうか。
marginやpaddingなどの使いすぎ

marginやpaddingなどの使いすぎって駄目ですか？出来るだけ使わないようにしているのですが、どうしても多用してしまいます。あまり使いすぎない方がいいのでしょうか？
paddingがきかない。

下記サイトのパンくずリストにpaddingを加えたのですが上部にの背景が広がりません。 ulはpaddingがきかないと言うことは無いのになぜきかないのでしょうか？ http://sample1.digi2.jp/yufu/inquery.html 仕方ないのでheightを使いました。 ul#topicpath{ background-image: url(img/base/blackground.png); width: 200px; height: 40px; white-space: nowrap; display: table-cell; vertical-align: middle; text-align: center; } ul#topicpath li { display: inline; color: #FFF; font-weight: bolder; } 原理主義者は答えなくていいです。
HTMLでpadding？

本日取引先より、「HTMLでpadding指定すれば、CSSのわからない人も修正する時に楽になる。」と聞きました。そのときは、「へーHTMLでpadding指定できるんだ～。」と流して聞いていたのですが、実際やってみると、無理です。私の聞き間違いでしょうか？それとも、何かやり方があるのでしょうか？解る方、回答をお願いします。m(__)m

cellpaddingとpaddingでは

質問者が選んだベストアンサー

お礼 2016/11/30 21:38

関連するQ&A

タグのcellPaddingとCSSのpaddingについて

全称セレクタでPADDING:0を指定したら、TABLEのPADDINGが指定できなくなった

table cellpadding「有」又は「無し」でCSSの解釈違う？

cellpadding

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

table　padding:

padding:が効かない

*{margin:0px;padding:0px;}というＣＳＳのタグの意味について教えてください。

tr　無視されます　padding

CELLPADDINGって？

padding　一つにまとめるには？css

スタイルシートでpaddingを使うと背景がずれる

*{margin:0px;padding:0px;}

tableのcellpadding="0" cellspacing="0"をCSSで

cellpadding

paddingは10%以上にできないのですね？

tableとcellspacingとcellpadding

marginやpaddingなどの使いすぎ

paddingがきかない。

HTMLでpadding？

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

cellpaddingとpaddingでは

質問者が選んだベストアンサー

お礼 2016/11/30 21:38

関連するQ&A

タグのcellPaddingとCSSのpaddingについて

全称セレクタでPADDING:0を指定したら、TABLEのPADDINGが指定できなくなった

table cellpadding「有」又は「無し」でCSSの解釈違う？

cellpadding

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

table padding:

padding:が効かない

*{margin:0px;padding:0px;}というＣＳＳのタグの意味について教えてください。

tr 無視されます padding

CELLPADDINGって？

padding 一つにまとめるには？css

スタイルシートでpaddingを使うと背景がずれる

*{margin:0px;padding:0px;}

tableのcellpadding="0" cellspacing="0"をCSSで

cellpadding

paddingは10%以上にできないのですね？

tableとcellspacingとcellpadding

marginやpaddingなどの使いすぎ

paddingがきかない。

HTMLでpadding？

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

table　padding:

tr　無視されます　padding

padding　一つにまとめるには？css

カテゴリ
一覧

専門家に質問してみよう
専門家登録