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

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

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

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

コンテンツ

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

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

以下サンプルです。

サンプル

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

株式会社CONFRAGE

関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
Python3.6,Djangoを勉強中です,Javaは少し飽きてしまってます–;
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^

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

コメントをどうぞ

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

CAPTCHA