余白

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

要点

マージンでは、要素の境界と周囲の要素または親コンテナーとの間にある外側の余白を調整できます。上下左右の4辺すべてに同じ値を適用することも、上、右、下、左の各辺に個別の値を設定して、レイアウト内での要素の配置を調整することもできます。

1. 説明

マージンとは、要素*要素ページへのリンク*の外側の端と、周囲の要素または親コンテナーの境界との間に設ける余白です。隣接する要素との間隔を直接調整できます。マージンを大きくすると要素間の距離が広がり、視覚的なゆとりが生まれます。小さくすると要素同士の距離が近くなります。

マージンには、px（ピクセル）または%（パーセント）の数値を指定できます。

最小値は0（外側の余白なし）です。上限は設定されていませんが、値が大きすぎると、要素が親要素の表示領域外に押し出されることがあります。

モード	設定方法	説明
［一括］	1つの値を4辺すべてに均等に適用します。	すべての辺に均一な外側の余白を設定できます。適している要素：アイコン、カード、小さなテキストブロックなど
［辺ごと］	上、右、下、左に個別の値を設定します。	外側に非対称の余白を設定できます。たとえば、要素の左右よりも上下の間隔を広くできます。適している要素：ヒーローセクション、フレーム、複数の要素を含む複雑なテキストブロックなど

以下の例は、マージンの値が画像要素の周囲の余白に与える影響を示しています。マージンに対応するすべての要素で、同様に表示されます。

ビルドスペース上の要素を選択し、フローティングツールバーの三点リーダーをクリックして、右側に［プロパティ］ペインを開きます。
ペイン内の［マージン］アコーディオンをクリックして開きます。
マージンの値を設定します。
1. ［一括］：4辺すべてに適用する値をピクセルまたはパーセントで入力します。
2. ［辺ごと］：辺ごとの設定アイコン（）をクリックし、T（上）、R（右）、B（下）、L（左）の各辺に個別の値をピクセルまたはパーセントで入力します。
変更内容を保存するには、右上の［保存］をクリックします。

マージンは、以下の基本要素と複合要素で使用できます。また、すべてのプリセットでスタイルプロパティとして表示されます。

マージンが要素の外側の余白を調整するのに対し、パディング*リンク*は要素の内側の余白を調整します。パディングを使用すると、要素の境界とそのコンテンツの間に余白を設けることができます。要素同士の間隔を空けるにはマージンを使用し、要素内の余白を調整するにはパディングを使用します。
レイアウト*レイアウト資料へのリンク*で設定した要素の寸法は、マージンの値によって変更されません。マージンは、要素とその周囲との間隔にのみ影響します。
マージンは常に、要素の境界とその周囲との間にある外側の余白を調整します。ナビゲーションやヒーローセクションなどのプリセット要素では、外側のコンテナー全体と、その中の個々の基本要素にマージンを適用できます。