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

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

marginが良く分かっていなかったので実際に試してみました。

わかりやすいようにbodyとdivタグにborderをつけています。

marginは

というように指定するみたいです。省略することも可能で、その場合は以下のようになります。

  • margin:0; (上下左右)
  • margin:0 0; (上下) (左右)
  • margin:0 0 0; (上) (左右) (下)
  • margin:0 0 0 0; (上) (右) (下) (左)

autoと指定することによってブラウザ依存となり、自動算出されます。

例えば、widthを指定した上でmargin:10px auto;とすると左右は自動算出されます。結果中央寄せとなります。

ブロック要素のボーダーから外側の上下左右にマージンをとるってことなんでしょうか。以下サンプルです。

サンプル

株式会社CONFRAGE

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

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

コメントをどうぞ

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

CAPTCHA