- ベストアンサー
borderとpadding
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
普通はmarginで、次点でpaddingでしょうか。 borderで余白を取るのは普通はやらないと思います。
その他の回答 (2)
- tracer
- ベストアンサー率41% (255/621)
問題は、basi999さんの言うところの「行」が何を指しているかです。 通常、行とは、同段落内の1行を指します。 結果から言うと、段落内の文字要素に対して、paddingやmargin、borderを設定することは、(基本的には)できません。従って、行間を開けるにはline-heightの1択です。 対して、basi999さんが言う「行」が段落と段落の間を指しているのであれば、margin/padding/border/outlineのいずれでも、結果として余白をとることができます。どれが一般的かというと、難しい質問になりますが、まあ、marginが一般的なんじゃないですかね。 もしかしたらわかりにくい説明かもしれませんが、「インライン要素」「ブロック要素」のキワードを検索して、その違いを理解できれば、分かりやすいと思います。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
>2行の文字列の間 の意味がわかりません。行はフォントサイズや表示ブロックのサイズにより変化します。この行が折り返されてのものでしたら、<行間--line-height>と言うことになるでしょう。 また、ソース上異なる段落と言う意味でしたら、<段落間のマージン>になるでしょう。あるいは、異なるブロック(段落も含む)間でしたら、<ブロックのpadding>になるでしょう。 それらを指定してください。 なお、pxは絶対サイズ(CSS2では相対サイズでしたが、CSS2.1では絶対サイズ)ですが、フォントのサイズはユーザーが自由に変えられますから、0.2emのようにフォントサイズを基準にするほうが良いでしょう。 >borderBottomとpaddingBottom ではなく、border-bottomとpadding-bottomです。borderは文字通りボーダーのサイズですから関係ありません。
関連するQ&A
- セルの幅を1行目の文字に合うように設定したい
Excelの幅の調整について質問させてください。 セルに記入されている文字の長さに合わせてセルの幅を設定するとき、列の間(A列とB列の間の境界線とか)をダブルクリックして併せています。 しかし、これでは、1行目に10文字、2行目に1000文字記入した場合、長いほうの1000文字に合わせて列の幅が設定されてしまいます。 私は1行目を表題にしているため、この列の幅は1行目に記入されている文字列の長さに合わせて設定したいと考えています。 2行目以降にどんな長い列が入れられていても、1行目に記入されたセルの文字列長に合わせてセルの大きさを調整する方法はないですか? 今は目算で設定を行っているのですが、この法はアバウトなため、自動で調整してもらいたいのですが。
- ベストアンサー
- オフィス系ソフト
- 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
- IE borderの下まで背景 paddingの下まで背景
以下のhtmlを参照してください。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>背景</title> <style> div {background-color:#CCCCFF;border:dashed 1px #FFCCCC;} </style> </head> <body style="margin:0px;"> @IE7での話です。 背景がborderの下まで表示されるかどうか。 <br> <div>指定無しMM同字口()□</div><br> <div style="width:100%;">width:100%;MM同字口()□</div><br> <div style="width:500px;">width:500px;MM同字口()□</div><br> <div style="height:18px;">height:18px;MM同字口()□</div><br> <div style="line-height:18px;">line-height:18px;</div><br> <div style="height:20px;">height:20px;MM同字口()□</div><br> <div style="line-height:20px;">line-height:20px;</div><br> 高さや幅を指定するとpaddingの下<br> 指定無しならborderの下<br> 指定有りでborderの下まで表示させるにはどうすればいいのでしょうか。line-heightだと1行にしか対応できませんし、幅も指定できません。 </body> </html>
- 締切済み
- HTML
- *{margin:0px;padding:0px;}
*{margin:0px;padding:0px;} という風に、スタイルシートで設定をしているのですが、 テーブルに余白を付けようとしても、できません。 どうすればいいのでしょうか?
- ベストアンサー
- HTML
- HTMLのテーブルデータの一部を固定しかつ一部をフレキシブルにしたいの
HTMLのテーブルデータの一部を固定しかつ一部をフレキシブルにしたいのですがどのようにしたらいいでしょうか? 画像のようにやりたいのですが・・・ 一番左端は10pxで固定します。 Xのテーブルデータはいれる文字列の長さによってフレキシブルにします。 Yは画像を入れるのですがXの文字列とすぐ隣合うようにしたいのです。 その横の140pxと20pxのデータは完全に固定として上から下の行までまっすぐに通したいのです どのようにしたらいいでしょうか?
- ベストアンサー
- HTML
- paddingで設定した余白について
CSSとXTHMLを勉強しています。 以下のように、ソースを記述した時、 上下左右ともに20pxの余白が設定されると思うのですが、 上部余白のみ広くなってしまします。 理由を教えて頂けませんか? div#container{ border:solid 2px #bbffaa; padding:20px } <body> <div id="container"> <h1>てすと見出し1</h1> <p>てすと</p> </body>
- ベストアンサー
- ホームページ作成ソフト
- 文字列を間引く方法
EXCEL関数、あるいはマクロで下記の処理ができないでしょうか。 1列 1行 T20339636 2行 T20379678 3行 T20340013 のように各セルに9桁の文字列が設定されています。 各文字列の2桁目から5桁目までを間引き、下記のように 設定する。 1列 1行 T9636 2行 T9678 3行 T0013 ご教授のほど、よろしくお願いいたします。
- ベストアンサー
- その他MS Office製品
- cssのborderについて
現在、外部スタイルシートを作っています。 ○cssファイル html { background-color: black } .title { background-color: pink; border-bottom: 1px dashed white; margin :0px; padding : 5px } .body { background-color: pink; margin :0px; padding : 5px } ○htmlファイル <div class="title"> ここにタイトル </div> <div class="body"> ここに内容 </div> 一部端折っていますがおおまかには、こんな風に記述しています。 上記のhtmlの部分を数回繰り返しで入れてページを構成しています。 NNやFireFox(最新ver)の最新版で確認していると 行によって、</div>の区切りのところで 背景の黒が見えたり見えなかったりします。 IE(最新ver)では大丈夫です。 cssはこの記述も含めて、だいたい350行ぐらいのものです。 これは重すぎて、そのせいだったりしますか? NN等では起こってしまう現象なのか 各ファイルの記述が悪いのか、教えてください。よろしくお願いします。 スタイルシートの知識の程度は、まだまだ駆け出しです。 文法をチェックするHPでhtmlを見てみましたが 特に問題はありませんでした。 HTML 4.01 Transitional EN です。
- ベストアンサー
- HTML
- wordでの罫線の入った用紙の作り方を教えてください。
wordでの罫線の入った用紙の作り方を教えてください。 ただ罫線を引くだけでは、改行した時に罫線と罫線の間の文字列が2行になるだけですよね。 改行とともに次の罫線の間に文字が入るように設定するにはどうしたらいいのですか? (うまく表現できなくてすみません)
- ベストアンサー
- オフィス系ソフト
- 行間を詰める方法を教えてください。
Word2019です。 添付の写真は、表作成ツールを使って、「1行」、「1列」の表を作り、その表の中に、3行の文字列(文字の大きさは13P)を配置しましたが、3行の文字列の間の行間が大きすぎます。 行間を詰めて狭くする方法を教えてください。
- ベストアンサー
- Word(ワード)