今更ながらCSSのmarginについて勉強してみました
marginが良く分かっていなかったので実際に試してみました。
わかりやすいようにbodyとdivタグにborderをつけています。
marginは
margin:上 右 下 左
というように指定するみたいです。省略することも可能で、その場合は以下のようになります。
- margin:0; (上下左右)
- margin:0 0; (上下) (左右)
- margin:0 0 0; (上) (左右) (下)
- margin:0 0 0 0; (上) (右) (下) (左)
autoと指定することによってブラウザ依存となり、自動算出されます。
例えば、widthを指定した上でmargin:10px auto;
とすると左右は自動算出されます。結果中央寄せとなります。
ブロック要素のボーダーから外側の上下左右にマージンをとるってことなんでしょうか。以下サンプルです。
KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^
コメント