エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
上下に隣接するマージンは大きい方だけ採用 [ホームページ作成] All About
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
上下に隣接するマージンは大きい方だけ採用 [ホームページ作成] All About
上下に隣接するマージンは大きい方だけ採用スタイルシートを使って余白(マージン)を設定した場合、上下... 上下に隣接するマージンは大きい方だけ採用スタイルシートを使って余白(マージン)を設定した場合、上下に隣接する余白は「大きい方だけ」が採用されます。隣接する両方の余白量が合算されて確保されるのではありません。細かなデザインを作る際には注意です。 余白(マージン)の確保のされ方 スタイルシートで設定できる余白に「margin」(マージン)プロパティがあります。 例えば以下のように記述すると、段落(p要素)の周囲に10ピクセルの余白を設けることができます。 p { margin: 10px; } このようなスタイルを適用させた状態で、複数の段落を(縦方向に)並べて表示させた場合、段落と段落の間には何ピクセルの余白ができるでしょうか? 段落の周囲に10ピクセルの余白が設けられていて、段落が2つ並んでいるのだから、間は10+10で20ピクセル……と思いがちですが、そうはなりません。 隣接する段落間(