要素またはセクションに負の余白を追加する

GemPages のネガティブマージンとは何ですか?

負のマージンは、要素の周囲のスペースに負の値を適用する CSS プロパティであり、これにより、要素を隣接する要素に近づけたり、重ね合わせたりすることができます。

要素の周囲にスペースを追加する正のマージンとは異なり、負のマージンではそのスペースが削減されるか完全に削除されるため、よりダイナミックで階層化されたデザインが作成されることが多いです。

マイナスマージンを使用する理由

1. 重複要素: ネガティブ マージンは、テキスト、画像、セクションなどの要素が重なり合うレイヤー デザインを作成するのに最適です。この効果により、ページの視覚的な魅力が高まり、深みとダイナミズムが加わります。
2. 配置を調整する: 要素の位置がわずかにずれている場合は、負の余白を使用すると、微調整をすばやく効率的に行うことができます。セクション全体を再設計する代わりに、負の余白値を使用して要素を適切な位置に微調整できます。
3. レイアウトの問題を修正: 標準の余白または間隔設定が広すぎる場合、負の余白を使用すると要素間の隙間が狭くなり、レイアウトが引き締まり、全体的なデザイン フローが向上します。これは、セクション間にスペースが多すぎる固定レイアウトやテンプレートで作業する場合に特に便利です。

GemPages のネガティブ マージンはどのように機能しますか?

負のマージンは、上、下、左、右の 4 つの方向の要素の周囲のスペースに影響します。 

しくみはこうです：

上余白: スペースを削除し、要素を上に引き上げます。

上余白に負の値を適用すると、要素が上に引っ張られ、その上のスペースが効果的に削除されます。これにより、要素をその上の要素に近づけることができ、必要な重なりや位置合わせの調整が可能になります。

 これは、全体的なレイアウト構造を変更せずに、視覚的に接続したり、より密接に配置したりする必要がある要素の垂直位置を調整する場合に特に便利です。

下余白: 要素を上に引っ張って、上の要素に近づけます。

左余白: 要素を左に引っ張り、隣のコンテンツと重ねます。

右余白: 要素を右に引っ張って、隣接する要素との隙間や重なりを閉じます。

GemPages でネガティブマージンを使用するにはどうすればいいですか?

GemPages で負のマージンを使用すると、要素の位置を調整して、独自のデザインを作成したり、レイアウトの問題を修正したりできます。 

ここでは、GemPages 内の任意の要素またはセクションに負のマージンを適用するためのステップバイステップ ガイドを紹介します。

ステップ1： 編集したいページを開きます。

ステップ2： GemPages エディターで、調整する要素またはセクションをクリックします。 

これは、画像、テキスト ブロック、ボタン、または移動したい任意のセクションになります。

ステップ3： 詳細設定タブ、下にスクロールして 間隔 のセクションから無料でダウンロードできます。

オプションが表示されます パディング and マージン私たちは、 マージン 設定を行います。

ステップ4： マージン値を調整します Top, ボトム, 左派または 右派 必要に応じて上記の手順に従ってください。

負の値を入力してください（例： -20, -50）を調整したい側の余白フィールドに入力します。例： -50 に選出しました。 トップマージン 要素を上に引っ張る

負の値を入力すると、要素がそれに応じてシフトし、変化をリアルタイムで確認できます。

ステップ5： GemPages エディターの上部にあるプレビュー ボタンを使用して、さまざまなデバイス (デスクトップ、タブレット、モバイル) で変更がページにどのように影響するかを確認します。

ステップ6： 配置とレイアウトに満足したら、「Save"。

変更内容をライブサイトに公開する準備ができたら、「パブリッシュ　 調整を適用します。