《徹底解剖！！》「margin」について

こんにちは、「なゆた」です！
今日も、CSS用語を「徹底解剖」しちゃいます！！

第２回はこちら！！
「margin」についてです！！

「margin」とは、CSSの要素の一種で、上下左右に「マージン領域」を設定します。

「マージン領域」というのは、「パディング領域」と同じくコンテンツと境界との間の領域のこと、簡単に言えば「空間」です。

「margin」のつけ方にはいろいろあります。例えば・・・

margin: ◯em;・・・上下左右をイッキに設定・調整できる。
margin: ◯em ◯em;・・・上下→左右の２つをそれぞれ設定・調整できる。
margin: ◯em ◯em ◯em;・・・上→左右→下の３つをそれぞれ設定・調整できる。
margin: ◯em ◯em ◯em ◯em;・・・上→右→下→左の４つをそれぞれ設定・調整できる。
margin-top: ◯em;・・・上の部分だけを設定・調整できる。
margin-left: ◯em;・・・左の部分だけを設定・調整できる。
margin-right: ◯em;・・・右の部分だけを設定・調整できる。
margin-bottom: ◯em;・・・下の部分だけを設定・調整できる。

（※補足・・・単位は何でも構いません。）

これらのサイズを変えると、「空間」を広くしたり狭くしたりできます。

何かしらのサイトを作るとき、画像や文字など、どんなコンテンツでも良いので、「margin」という名の「空間」をCSS上に付けてみて下さいね！

というワケで、「margin」についての「徹底解剖」でした！！
以上です、ありがとうございました！