• ベストアンサー

borderとpadding

2行の文字列の間を3ｐｘあけるにはborderBottomとpaddingBottomのどちらで設定するのがふつうでしょうか

  • CSS
  • 回答数3
  • ありがとう数0

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

  • ベストアンサー
回答No.1

普通はmarginで、次点でpaddingでしょうか。 borderで余白を取るのは普通はやらないと思います。

その他の回答 (2)

  • tracer
  • ベストアンサー率41% (255/621)
回答No.3

問題は、basi999さんの言うところの「行」が何を指しているかです。 通常、行とは、同段落内の1行を指します。 結果から言うと、段落内の文字要素に対して、paddingやmargin、borderを設定することは、(基本的には)できません。従って、行間を開けるにはline-heightの1択です。 対して、basi999さんが言う「行」が段落と段落の間を指しているのであれば、margin/padding/border/outlineのいずれでも、結果として余白をとることができます。どれが一般的かというと、難しい質問になりますが、まあ、marginが一般的なんじゃないですかね。 もしかしたらわかりにくい説明かもしれませんが、「インライン要素」「ブロック要素」のキワードを検索して、その違いを理解できれば、分かりやすいと思います。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

＞2行の文字列の間 の意味がわかりません。行はフォントサイズや表示ブロックのサイズにより変化します。この行が折り返されてのものでしたら、＜行間--line-height＞と言うことになるでしょう。 また、ソース上異なる段落と言う意味でしたら、＜段落間のマージン＞になるでしょう。あるいは、異なるブロック(段落も含む)間でしたら、＜ブロックのpadding＞になるでしょう。 　それらを指定してください。 　なお、pxは絶対サイズ(CSS2では相対サイズでしたが、CSS2.1では絶対サイズ)ですが、フォントのサイズはユーザーが自由に変えられますから、0.2emのようにフォントサイズを基準にするほうが良いでしょう。 ＞borderBottomとpaddingBottom 　ではなく、border-bottomとpadding-bottomです。borderは文字通りボーダーのサイズですから関係ありません。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • セルの幅を1行目の文字に合うように設定したい

    Excelの幅の調整について質問させてください。 セルに記入されている文字の長さに合わせてセルの幅を設定するとき、列の間（A列とB列の間の境界線とか）をダブルクリックして併せています。 しかし、これでは、1行目に10文字、2行目に1000文字記入した場合、長いほうの1000文字に合わせて列の幅が設定されてしまいます。 私は１行目を表題にしているため、この列の幅は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>指定無しMＭ同字口()□</div><br> <div style="width:100%;">width:100%;MＭ同字口()□</div><br> <div style="width:500px;">width:500px;MＭ同字口()□</div><br> <div style="height:18px;">height:18px;MＭ同字口()□</div><br> <div style="line-height:18px;">line-height:18px;</div><br> <div style="height:20px;">height:20px;MＭ同字口()□</div><br> <div style="line-height:20px;">line-height:20px;</div><br> 高さや幅を指定するとpaddingの下<br> 指定無しならborderの下<br> 指定有りでborderの下まで表示させるにはどうすればいいのでしょうか。line-heightだと1行にしか対応できませんし、幅も指定できません。 </body> </html>

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

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

    • ベストアンサー
    • HTML
  • HTMLのテーブルデータの一部を固定しかつ一部をフレキシブルにしたいの

    HTMLのテーブルデータの一部を固定しかつ一部をフレキシブルにしたいのですがどのようにしたらいいでしょうか？ 画像のようにやりたいのですが・・・ 一番左端は10pxで固定します。 Xのテーブルデータはいれる文字列の長さによってフレキシブルにします。 Yは画像を入れるのですがXの文字列とすぐ隣合うようにしたいのです。 その横の140ｐｘと20ｐｘのデータは完全に固定として上から下の行までまっすぐに通したいのです どのようにしたらいいでしょうか？

    • ベストアンサー
    • HTML
  • paddingで設定した余白について

    CSSとXTHMLを勉強しています。 以下のように、ソースを記述した時、 上下左右ともに20pxの余白が設定されると思うのですが、 上部余白のみ広くなってしまします。 理由を教えて頂けませんか？ div#container{ border:solid 2px #bbffaa; padding:20px } <body> <div id="container"> <h1>てすと見出し1</h1> <p>てすと</p> </body>

  • 文字列を間引く方法

    ＥＸＣＥＬ関数、あるいはマクロで下記の処理ができないでしょうか。 　　　1列 1行　T20339636 2行　T20379678 3行　T20340013 のように各セルに９桁の文字列が設定されています。 各文字列の2桁目から5桁目までを間引き、下記のように 設定する。 　　　1列 1行　T9636 2行　T9678 3行　T0013 ご教授のほど、よろしくお願いいたします。

  • 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での罫線の入った用紙の作り方を教えてください。 ただ罫線を引くだけでは、改行した時に罫線と罫線の間の文字列が２行になるだけですよね。 改行とともに次の罫線の間に文字が入るように設定するにはどうしたらいいのですか？ （うまく表現できなくてすみません）　

  • 行間を詰める方法を教えてください。

    Word2019です。 添付の写真は、表作成ツールを使って、「１行」、「１列」の表を作り、その表の中に、３行の文字列(文字の大きさは１３P)を配置しましたが、３行の文字列の間の行間が大きすぎます。 行間を詰めて狭くする方法を教えてください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する