![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67b6d)
A 回答 (5件)
- 最新から表示
- 回答順に表示
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です。
スタイルシートを扱う上でこの違いを理解しておいて損はないですヨ。
No.3
- 回答日時:
私はスタイルシートの margin を使っています。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_13.png?e8efa67b6d)
No.2
- 回答日時:
こんにちは!
<head>
<style type="text/css">
<!--
p {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 30px;
}
-->
</style>
</head>
数字のところを色々試してみて下さい。
ただ対応ブラウザがどこからだったか忘れてしまいました。m(_ _)m
この回答への補足
こんにちは。
早速のご回答ありがとうございます。
どうやら私は思い違いをしていたようで、Pタグの「段落」、ではなく<BR>タグの後に改行することなく改行と改行との間を開けたかったようです(^^;ゞ
お手間でなければスタイシートを使ってBRタグとBRタグとの間を空ける方法を(あれば)教えてくださいm(__)m
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>
この回答への補足
早速のご回答ありがとうございます。
どうやら私は思い違いをしていたようで、Pタグの「段落」、ではなく<BR>タグの後に改行することなく改行と改行との間を開けたかったようです(^^;ゞ
お手間でなければスタイシートを使ってBRタグとBRタグとの間を空ける方法を(あれば)教えてくださいm(__)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
HTMLフォームのSELECTの幅を一...
-
<h1>タグの後の行間を詰めたい。
-
aタグに直接style=""で:hoverを...
-
テーブルタグを使わず、テーブ...
-
インラインフレームの表示位置...
-
htmlのtableレイアウトについて
-
macとwindowsのレイアウト崩れ...
-
htmlのタグ間の謎の空白
-
INPUT TEXT内の文字位置を指定...
-
CSSでh1とその下の文字との行間...
-
FireFoxで見るとブラウザの幅に...
-
htmltとcssのコードで
-
ページのマージン・・・
-
text-alignの解除の方法
-
文字を内側にも色の付いた枠で...
-
CSSでテーブルセルの大きさ...
-
スタイルシートでtableをセンタ...
-
エクセルでサイズに合ったもの...
-
エクセルでサイズ指定でPOP...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
インラインフレームの表示位置...
-
<h1>タグの後の行間を詰めたい。
-
HTMLフォームのSELECTの幅を一...
-
macとwindowsのレイアウト崩れ...
-
INPUT TEXT内の文字位置を指定...
-
text-alignの解除の方法
-
ホームページビルダー 空白の...
-
Formタグのブロックの高さについて
-
端から端まで横線を引きたい
-
<legend>で表示されるタイトル...
-
なぜ左に寄っているの?
-
コードを書いて下さい( ; ; )...
-
FireFoxで見るとブラウザの幅に...
-
アップロードするサーバーによ...
-
文字を内側にも色の付いた枠で...
-
CSSでh1とその下の文字との行間...
-
テキストボックスの文字を右揃...
-
css。横並びBOXに長文textを流...
おすすめ情報