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

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

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

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

コンテンツ

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

<div style="padding: 10px;>コンテンツ</div>

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

以下サンプルです。

サンプル

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

コメント

株式会社CONFRAGE ITソリューション事業部をもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む

タイトルとURLをコピーしました