ホームページ > 記事 > ウェブフロントエンド > CSS_html/css_WEB-ITnose のマージンについて
余白に枠線を設定する順序は上、右、下、左です
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 .システムが負のマージンに設定されている要素の負の特性マージンを表示する方法。要素自体は変化しないので、要素の親が逆方向に動くことで効果が得られます(個人的な意見です)。