• 締切済み

段落の高さを調節することは出来ますか?

はじめまして、SyuNeといいます。 段落と段落との間をスタイルシートか何かで広げたいのですが、そういうことって可能なのでしょうか? やっぱり行間しか高さ調節は出来ないのでしょうか。 もし段落の高さを変える方法を知っていればどなたかぜひ教えください。

  • SyuNe
  • お礼率20% (1/5)
  • HTML
  • 回答数5
  • ありがとう数1

みんなの回答

  • d-3
  • ベストアンサー率42% (16/38)
回答No.5

>どうやら私は思い違いをしていたようで、Pタグの「段落」、ではなく<BR>タグの後に改行することなく改行と改行との間を開けたかったようです(^^;ゞ スタイルシートに span.spacer { line-height: *; } (*に空けたい間隔を指定) HTMLに <p>この文章はサンプルです。<br> <span class="spacer"> </span><br> 行間は調整できたでしょうか?<p> と記述することでできました。  つまり、ダミーの<span>を用意してそれの高さで調節してるわけです。が、これではCSSを使う意味があまりないような気がします。<br>を使って改行するなら、別な段落として記述したほうがいいと思います。 上の例なら、 スタイルシートに p { margin: 1em 0em; } (余白一括指定:上下1em,左右0em) HTMLに <p>この文章はサンプルです。</p> <p>行間は調整できたでしょうか?</p> とします。 margin同士が連続する場合、大きいほうの余白となるので、上のように上下に余白を指定しても段落間の余白は合計の2emにはならず、1emとなります。

回答No.4

p以外でならばdivを使います。 divは汎用ブロック要素と呼ばれる物で、一般的には この要素の前後は改行されます。 スタイルシートではこの改行のスペースを制御できます。 制御方法はpaddingよりもmarginを使います。 #理由はpaddingはdivによって作られた領域内のスペースを 制御するものに対し、marginは領域外に対してスペースを指定 するものだからです。 スタイルシート <style type="text/css"><!-- div.paragraph{  margin-bottom:30(任意の数字)px; } --></style> HTML <div class="paragraph"> あいうえお かきくけこ </div> <div class="paragraph"> さしすせそ たちつてと </div> >スタイシートを使ってBRタグとBRタグとの間を 空ける方法を(あれば)教えてくださいm(__)m BRタグとBRタグとの間というのはちょっとわからないのですが、 BRを使わないで間を空ける方法と解釈しました。 paddingとmarginの違いは <div style="width:100px;height:100px;border:solid 1px #000;"> paddingとmarginの違い </div> とした時、線の内側において文字と線との間を制御するのがpadding。 線の外側とのスペースを制御するのがmarginです。 スタイルシートを扱う上でこの違いを理解しておいて損はないですヨ。

  • nitto3
  • ベストアンサー率21% (2656/12205)
回答No.3

私はスタイルシートの margin を使っています。

SyuNe
質問者

お礼

ご回答ありがとうございます。 ですがすみません、不勉強でmarginタグの使い方が今ひとつ分かりませんでした(^^;ゞ

noname#107580
noname#107580
回答No.2

こんにちは! <head> <style type="text/css"> <!-- p { padding-top: 0px; padding-right: 0px; padding-bottom: 30px; padding-left: 30px; } --> </style> </head> 数字のところを色々試してみて下さい。 ただ対応ブラウザがどこからだったか忘れてしまいました。m(_ _)m

SyuNe
質問者

補足

こんにちは。 早速のご回答ありがとうございます。 どうやら私は思い違いをしていたようで、Pタグの「段落」、ではなく<BR>タグの後に改行することなく改行と改行との間を開けたかったようです(^^;ゞ お手間でなければスタイシートを使ってBRタグとBRタグとの間を空ける方法を(あれば)教えてくださいm(__)m

noname#48234
noname#48234
回答No.1

padding-bottomを使ってできるかもしれませんね。 正確に言うとこれは段落と段落の幅を指定するのではなく、文章の最後と段落の外枠(通常は見えない)の幅を指定するCSSなんですが、見かけは段落と段落の間が広がったように見えると思います。 ○段落個別に設定するなら・・・ 適用したい段落タグ(pもしくはdiv)にSTYLE指定をします。 指定した段落だけに適用されます。 <p style="padding-bottom: 50px">こんにちは</p> ○特定のタグ全体に設定するなら・・・ <head>内に以下の通り記述。(段落pタグ、幅50ピクセルの場合。divタグならpの部分をdivにしてください。50の部分に希望の数値を入れる。) そのページ内のすべてのpタグに適用されます。 <style TYPE="text/css"> <!-- p {padding-bottom:50px; } --> </style>

SyuNe
質問者

補足

早速のご回答ありがとうございます。 どうやら私は思い違いをしていたようで、Pタグの「段落」、ではなく<BR>タグの後に改行することなく改行と改行との間を開けたかったようです(^^;ゞ お手間でなければスタイシートを使ってBRタグとBRタグとの間を空ける方法を(あれば)教えてくださいm(__)m

関連するQ&A

  • cssのリストで、番号1と2の間の行間を「2」にする方法は?

    css(スタイルシート)のリストで、番号1と2の間の行間を「2」にする方法をお教えください。1や2の文章群の段落は「1.5」になっています。 1。あああああああああああああああああああああああああああああああああああああああああああああああああああ。 (この部分を「2」にする) 2。えええええええええええええええええええええええええええええええええええええええええええええええええええええええええ。 (この部分を「2」にする) 3。ううううううううううううううううううううううううううううううううううう

    • ベストアンサー
    • HTML
  • word2007の行間を調節することができない

    word2007の行間を調節することができなくて相談させていただきます。 よろしくお願いします。 ある文章を書いていて、pt12までだときちんとした行間ですが、 pt14にしてみると行によって行間がまちまちになるという現象が起きました。 文章全体を選択してから、[ホーム]→[段落]→[間隔]で行間を1行にしても行間がばらばらなことには変わりありません。 これはどういうことなのでしょうか。 一部、他の文書からのコピペであることが関係しているのでしょうか。 よろしくお願いします。

  • cssでの段落

    dreamweaver8、cssでホームページを作っています。 <p>あああああああ ああああああああ</p> <p>いいいいいい いいいいいいい</p> というhtmlで<p>・・</p>と<p>・・</p>の間に2行分くらいの段落をあけたいのですがうまくいきません。 よくあるline-height は、<p></p>で囲まれた文章についての行間ですよね。 そこに文章がない場合の行間はどのようにあけたらいいのでしょうか。 このままだと悪い方法とわかっていても<br /><br />で取り繕ってしまうので、思い切って質問させていただきました。

    • ベストアンサー
    • CSS
  • Word 段落間の空白スペース

    Word2010を使っています Wordで作った文章をなるべく間を詰めて印刷したいのですが 範囲選択したとき上の段落と下の段落の間に 1行くらいの選択されていない空白のスペースが残ることがあります これはどういう設定によるのでしょうか 詰めるにはどのようにすればよいのでしょうか ちなみに段落の設定は 段落の前後・0 行間・1行にしています よろしくお願いします

  • word で 段落書式

    word で文章を作成しました ネットで、開いたサイトから、文章をコピーした為、段落の書式が ところどころばらばらです。書式-段落 で、行間の設定など、 すべて同じにしてみましたが、行間が一部分だけ、ほかのところより、幅広く設定されてしまいます。 書式-段落 以外で、ほかに行間を設定する箇所ってあるんですか? すべて同じ設定にしているのになざ行間幅が異なるのでしょうか?

  • 段落内での行間(Word2016)

    教えてください。 Windows10です 例えば ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい --------------------------------------------------------------------- 最初の「あ」~最後の「あ」までの文字は繋がっています 最初の「い」~最後の「い」までの文字は繋がっています 最初の「あ」~最後の「あ」までは一つの段落ですね 最初の「あ」~最後の「い」までは二つの段落ですね 「あ」の段落と「い」の段落間の行間の設定は解ります 「あ」の文字数が少なくて、1行なら問題はないのですが、一行だけでは表示されない(複数行)場合での、この段落内の行間を設定するには、どうすれば良いのでしょうか

  • ワードで行間を狭く調節する簡単な方法

    ワード2007か2010で、文字の大きさ48ptで2行書いたとします。この行間をかなり狭く調整する簡単な方法、例えば1~5pt位のわずかな行間に調節する簡単な方法はありますでしょうか。 よろしくお願い致します。

  • ワードの段落記号

    段落記号が以下のように多くつけられている文章において、 AAAAAAAAAA段落記号 段落記号 段落記号 段落記号 BBBBBB段落記号 段落記号 段落記号 CCCC段落記号 段落記号 段落記号 段落記号 段落記号 段落記号 以下のように文末と行間に一つだけ、段落記号が存在するようにしたいのですが。 AAAAAAAAAA段落記号 段落記号 BBBBBB段落記号 段落記号 CCCC段落記号 段落記号 マクロ等で一括変換する方法を教えて頂きたいのですが。 よろしくお願いいたします。 (ワードは2003です)

  • videostudio 段落と段落の間に直線を

    よろしくお願いします。段落と段落の間に横一直線に直線を引き、上の段落のフォントと下の段落のフォントを直線で区切りたいのですが、何か良い方法はありませんでしょうか? aaaaaaaaa ----------------- bbbbbbbbbb ↑単純にやると、上の様に直線と文字の間が空いてしまいます。この空間をなくしたいです。 よろしくお願いいたします。

  • Word 2010 段落スタイルを常に表示

    Word 2010の文書で、10種の段落スタイルを設定してあります。 現在カーソルのある段落が、その10種の中のどの「段落スタイル」であるかを常に確認できるようにしておきたいのですが、段落スタイル名をどこかのリボンに常に表示させることは出来ますか? カーソルのある位置の「フォント」は、ホームタブのフォントのところにボックスで表示されていますが、それと同じような形が望ましいです。(以前の2003ではこれがありました。) スタイルグループの中の「クイックスタイル」では、常に表示させることができるのは5つで、それ以外はスクロールしなければならないので面倒です。 スタイルウィンドウは、10種の「段落スタイル」以外のもたくさん出てくるので、これも面倒です。スタイルウィンドウに10種の「段落スタイル」しか表示させないように出来るのであれば、その方法でもいいです。 なお、下書き表示において段落スタイルが表示させるようにするオプション設定は知っています。が、「印刷レイアウト」表示での方法をお聞きしています。 よろしくお願いします。