CSSのpaddingはmarginの逆でborderの内側みたい

求人
CSSのpaddingはmarginの逆でborderの内側みたい

marginはブロック要素の外側であることがわかりました。逆にpaddingを指定すると、ボーダーの内側に対して余白を指定するようです。

例えばdivタグ内のコンテンツ位置が変わります。

コンテンツ

上記は以下のように指定しています。

ちなみにpadding:10px;とすると上下左右に各々10pxの余白を指定したことになります。

以下サンプルです。

サンプル

今更ながらCSSのmarginについて勉強してみました

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA