CSS_html/css_WEB-ITnose のマージンについて

余白に枠線を設定する順序は上、右、下、左です

rree

use with use using ‐ ‐ ‐ ‐ ‐wardly

マージンに 3 つの値が指定されている場合、 4 番目の値 (左マージン) は 2 番目の値 (右マージン) からコピーされます。 2 つの値が指定された場合、4 番目の値は 2 番目の値からコピーされ、3 番目の値 (下マージン) は 1 番目の値 (上マージン) からコピーされます。最後のケースでは、値が 1 つだけ指定されている場合、他の 3 つのマージンはこの値 (上部マージン) からコピーされます。

マージンを負の値に設定します

(以下はインターネットからコピーした画像です)

マージンを負の移動効果に設定します。

以下は DIV センタリングの例です

Div 設定のセンタリング効果を紹介します: まず、絶対レイアウトまたは固定方法で Div を「中央」に設定します。 ここでのセンタリングとは、高さと幅が設定されることだけを意味します。次に、DIV の幅と高さの 1/2 を計算し、最後に margin-top と margin-left を 2 番目のステップの値の負の数に設定します。

最初のステップ:

{margin：top right buttom right}

2 番目のステップ:

{  margin-top: 20px;  margin-right: 30px;  margin-bottom: 30px;  margin-left: 20px;  }

概要: 1 .システムが負のマージンに設定されている要素の負の特性マージンを表示する方法。要素自体は変化しないので、要素の親が逆方向に動くことで効果が得られます（個人的な意見です）。