![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
こんにちは。
宜しくお願いいたします。
テーブル内のコードに、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>タグ セル内余白を無くす方法
ホームページ作成・プログラミング
-
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
-
4
テーブルとテーブルの間隔について
HTML・CSS
-
5
テーブル内の文字サイズを変更したい。
HTML・CSS
-
6
<td>中の文字列に<p>は必要?
HTML・CSS
-
7
テーブルの位置を細かく指定したい。
HTML・CSS
-
8
TABLEのセルの中の文字を行単位、セル単位で色を変えたい
HTML・CSS
-
9
htmlでテーブル内にテキストボックスを作りたいのですが・・・
HTML・CSS
-
10
<th>タグを使っても太字にしない方法は
HTML・CSS
-
11
<a href=#" …>の意味を教えてください。"
HTML・CSS
-
12
table表を横に並べる際の間隔指定
ホームページ作成・プログラミング
-
13
ホームページ 表の上の余白をなくしたい
HTML・CSS
-
14
tableのcellpadding=0" cellspacing="0"をCSSで"
HTML・CSS
-
15
文字の横にプルダウンを表示させたいのですが、どうすればいいでしょうか?
HTML・CSS
-
16
CSSで特定のテーブルだけに適用する記述をおしえてください。
HTML・CSS
-
17
html テーブルのセルにリンクを張りたい
その他(コンピューター・テクノロジー)
-
18
HTML5で、テーブル内tdタグの高さを常に固定に
HTML・CSS
-
19
同じIDで定義した要素の配列を取得したいが
JavaScript
-
20
HTML tableのセルにtextareaを使って外の枠に重ねて表示する方法
HTML・CSS
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
テキストボックスが選択できない
-
ホームページ作成後、別のブラ...
-
borderの太さを1px以下に見せ...
-
L字みたいな記号の表示
-
シーサーブログのヘッダー画像...
-
複数の画像を1枚にしたファイ...
-
PDFファイルが破損していると表...
-
Dreamweaverで縦の区切り線あり...
-
ブログを投稿したことを 「UP」...
-
ダウンロードはアップロードと...
-
ブログにお絵かき掲示板で描い...
-
ネットでアップロードを間違っ...
-
楽天RMSについて
-
ワードプレスのサイドバーが、...
-
FC2 ブログのどこに 『人気ブロ...
-
MT4.2「カスタムフィールドの値...
-
画像にコピーライト表記を貼り...
-
画像中の線分の点線化・破線化...
-
デコログの説明欄
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルセル余白(例えば左側...
-
borderの太さを1px以下に見せ...
-
縦ボーダーの長さ変更方法
-
レスポンシブWeb 右側の表示が...
-
テキストボックスが選択できない
-
border-widthの太さ指定について
-
ホームページ作成後、別のブラ...
-
[CSS]エラーの原因
-
L字みたいな記号の表示
-
PDFファイルが破損していると表...
-
ピクチャーボックスの大きさに...
-
グーグルのアイコンを操作して...
-
シーサーブログのヘッダー画像...
-
画像
-
iPhoneで HTMLファイルを閲覧
-
ホームページビルダーで文字の...
-
ExcelVBAで挿入画像の縦横サイ...
-
画像と画像の間のスペースはど...
-
一行は何ピクセル?
-
複数の画像を1枚にしたファイ...
おすすめ情報