今後の参考にお聞きしたいんですが式輿防衛戦のページの激変ノードの項目で使用されているcssboxにおいて、border-radius設定のかかっている親要素に対して子要素にpaddingを設定すると上面がくっつくようになるのはなぜなんでしょうか?
(cssboxの)領域は【margin外側余白の領域 {border境界線 [ padding内側余白 (コンテンツ)]}】の4段階の領域があるんだけど、cssboxのbackground-color背景色はborder境界線の領域(下記サイトの水色枠境界の縁)までを塗りつぶしてるらしい。
【margin外側余白の領域 {border境界線 [ padding内側余白 (コンテンツ)]}】
mozillaページ>CSS 基本ボックスモデル入門
ボックスは 4 つの部品(または領域)から構成され、それぞれの縁についてコンテンツの縁 (content edge)、パディングの縁 (padding edge)、境界の縁 (border edge)、マージンの縁 (margin edge) が定義されています。 ... ボックスに背景(background-color または background-image)が設定されている場合、背景は境界の縁の外枠まで拡張されます
--- ※ここからはwikiwikiのcssbox触った感じで書く。触った感じなんで違うかも。詳しい人指摘して。----
今期の特殊効果:ブレイク作戦
=>つまり、上端側にborderかpadding領域があれば親要素の縁にくっつくので子にはとりあえずpaddingを小さいサイズで書いてる って感じにみえる。
(ごめん誤記編集した)
わかりやすい説明で助かりました!ありがとうございます!
不適切なコンテンツとして通報するには以下の「送信」ボタンを押して下さい。 管理チームへ匿名通報が送信されます。あなたが誰であるかを管理チームに特定されることはありません。
どのように不適切か説明したい場合、メッセージをご記入下さい。空白のままでも通報は送信されます。
通報履歴 で、あなたの通報と対応時のメッセージを確認できます。
(cssboxの)領域は
【margin外側余白の領域 {border境界線 [ padding内側余白 (コンテンツ)]}】
の4段階の領域があるんだけど、cssboxのbackground-color背景色はborder境界線の領域(下記サイトの水色枠境界の縁)までを塗りつぶしてるらしい。mozillaページ>CSS 基本ボックスモデル入門
--- ※ここからはwikiwikiのcssbox触った感じで書く。触った感じなんで違うかも。詳しい人指摘して。----
今期の特殊効果:ブレイク作戦
とか)のギリギリ外側までしかborderまでの領域が設定されない=>文字と、親の枠線との間にborderかpaddingが無い=背景色灰色で塗られない余白ができる=>つまり、上端側にborderかpadding領域があれば親要素の縁にくっつくので子にはとりあえずpaddingを小さいサイズで書いてる
って感じにみえる。
(ごめん誤記編集した)
わかりやすい説明で助かりました!ありがとうございます!