![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
こんにちは。
宜しくお願いいたします。
テーブル内のコードに、cellpadding="5" は
セル余白が上下左右のすべて、5ピクセル空きますが、
左側だけ5ピクセル、とか、上側だけ5ピクセル、のように
指定方向のみ、余白を作ることは可能でしょうか。
その場合のHTML記述を教えてください。
また、ここで質問させていただいている「指定方向への余白指定」と
全体余白指定の「cellpadding="XX"」は同時に使って
良いものでしょうか。
素人質問ですみません。
宜しくお願いいたします。
No.2ベストアンサー
- 回答日時:
1つのセルだけなら、下記で。
<td style="padding: 5px 10px 20px 30px;">
上の例は、上が 5px。 右が 10px。下が 20px。 左が 30px。
適当に数値変更してください。
cellpadding="5" と style="padding: 5px;"は同じになるはず。
<td style="padding: 5px;">
両方使うとどうなるかは、試して下さい。
cellpadding をここ数年利用していないので・・・
複数個所利用するなら、NO.1さんを参考に HEAD内に下記を入れて試してみましょう。
<style type="text/css">
<!--
td {padding: 5px 10px 20px 30px;}
-->
</style>
早速のご回答有難うございました。
個別にセルの指定方向だけに余白を作ることに成功しました!
また、全体指定も今後活用できればと思います。
有難うございました!
No.1
- 回答日時:
スタイルシートを使えば簡単ですよ。
http://www.tagindex.com/stylesheet/table/padding …
また、padding-top:5px; padding-left:10px;
などの指定方法も個別にできます。
今はだいぶ利用度が減りましたが、まれに古いブラウザでスタイルシートを表示できないものもあるので、cellpaddingと併用する人もいます。
ですが、いくつかのブラウザで比較表示させてみるとぶれがあったりしますし、その際に原因究明をしようとするなら構造はシンプルにしておいた方が楽ですね。
HTML文の1行目でDOCTYPE宣言をしているのが普通ですから、DOCTYPE宣言に合わせてどちらかに統一した方が良いと思います。
スタイルシートの基本は、私は字引き替わりに
http://www.tohoho-web.com/
http://www.tagindex.com/
の2か所を使っています。
早速のご回答有難うございました。
早速実行してみたいと思います。
今の私にはまだまだ難しい世界ですがぜひ活用できるよう頑張ってみます。
有難うございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) エクセルのマクロについて教えてください。 1 2022/12/26 12:05
- Word(ワード) ワード。長い四角の中に文字を体裁良く入力するには。 2 2022/09/24 14:19
- Word(ワード) Wordの表中の文字を選択した時の白黒反転の違い 1 2023/04/25 12:13
- Excel(エクセル) Excel VBAで、行の高さを、上下1文字分程度高くしたい 3 2023/04/23 00:17
- 面接・履歴書・職務経歴書 履歴書の写真のサイズが合いません 証明写真機で履歴書サイズに指定し撮影したのに貼り付けてみたら上下左 5 2023/06/19 16:24
- Word(ワード) Wordでの印刷サイズについて A4の原稿をB5サイズで出力したいとき、 印刷から用紙サイズの指定か 4 2022/04/30 09:51
- プリンタ・スキャナー 封筒印刷 差出人印刷ずれる 4 2022/05/01 10:12
- Illustrator(イラストレーター) カッティングマシーン 余白のカットについて 2 2023/01/11 15:22
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- Excel(エクセル) エクセルの昇順での数値入力のミスの見つけ方を教えてください。 4 2022/06/26 20:41
このQ&Aを見た人はこんなQ&Aも見ています
-
「環境が人を育てる」って本当?環境によって人格や生き方は本当に変わるのか
環境が人生に与える影響は実際どれほどのものなのか、専門家の田宮由美さんに伺った。
-
TRタグの余白をcssで設定するには
HTML・CSS
-
HTML <td></td>タグ セル内余白を無くす方法
ホームページ作成・プログラミング
-
テーブルとテーブルの間隔について
HTML・CSS
-
-
4
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
5
テーブル内の文字サイズを変更したい。
HTML・CSS
-
6
TABLEのセルの中の文字を行単位、セル単位で色を変えたい
HTML・CSS
-
7
<td>中の文字列に<p>は必要?
HTML・CSS
-
8
<th>タグを使っても太字にしない方法は
HTML・CSS
-
9
tableのcellpadding=0" cellspacing="0"をCSSで"
HTML・CSS
-
10
ホームページ 表の上の余白をなくしたい
HTML・CSS
-
11
文字の横にプルダウンを表示させたいのですが、どうすればいいでしょうか?
HTML・CSS
-
12
テーブルの位置を細かく指定したい。
HTML・CSS
-
13
HTML5で、テーブル内tdタグの高さを常に固定に
HTML・CSS
-
14
画像イメージの上下左右、欲しいところに好きな間隔を入れられますか?
HTML・CSS
-
15
HTML tableのセルにtextareaを使って外の枠に重ねて表示する方法
HTML・CSS
-
16
HTMLでテーブルを縦に並べたい!
HTML・CSS
-
17
クリックされたセルの位置を取得するには?
JavaScript
-
18
table表を横に並べる際の間隔指定
ホームページ作成・プログラミング
-
19
CASE文のエラーについて
Oracle
-
20
<a href=#" …>の意味を教えてください。"
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLでこの画像を表示したいで...
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
HTMLの CSSのファイルというの...
-
スマホ(android)のタッチパネ...
-
HTMLを正しく表示させるには
-
css初心者 フレックスボックス...
-
角丸画像の背景色を透明にした...
-
英字と日本語が並んだhtmlの自...
-
スマホでHTMLファイルを開いて...
-
HTMLで特定の文字だけ色を変え...
-
iPhoneで HTMLファイルを閲覧
-
サイトにコンテンツを並べる際...
-
webデザインの勉強で、HTML/CSS...
-
私、Paiza Cloudやっているのだ...
-
WEBサイトの作成で、imgタグに...
-
先日ウェブデザイン技能検定三...
-
X の仕様変更? 埋め込みフレー...
-
指定した演算を実施の結果を表...
-
指定した演算を実施の結果を表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
borderの太さを1px以下に見せ...
-
レスポンシブWeb 右側の表示が...
-
縦ボーダーの長さ変更方法
-
テキストボックスが選択できない
-
フォント12pxの200%?
-
Google Chrome用CSSハックについて
-
ホームページ作成後、別のブラ...
-
[CSS]エラーの原因
-
box-shadowでFirefoxだと内枠に...
-
Firefoxのhtmlとcss...
-
レスポンシブのサイトの根本的...
-
Wordpress Stinger5の記事部分...
-
PHP内で同じようにCSSを表示さ...
-
HTMLにsvg画像表示したら小さか...
-
FC2ブログでウィンドウが小...
-
L字みたいな記号の表示
-
PDFファイルが破損していると表...
-
シーサーブログのヘッダー画像...
-
ピクチャーボックスの大きさに...
おすすめ情報