マージンとは？

部品の外側にある余白。

Margin

別名：外側の余白

部品の外側にある余白。

まず、短く答えると

マージンの意味

見出しと文章、カードとカードなど、部品同士の距離を調整します。内側の余白であるパディングとは別です。CSSではmarginで指定します。

Webサイトやアプリの見た目、情報の並び方、利用者の操作を考える場面で登場します。

見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。

料金カードの下にマージンを付けて、次の説明との間を空けます。

覚え方のコツ

役割

部品の外側にある余白。

理解の深さ

まずは「何をするものか」と具体例を結び付けて覚えれば十分です。

確認の視点

見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。

混同しないために

「マージン」は部品の外側にある余白ものです。一方、「パディング」は部品の内側、内容と枠の間にある余白ものです。役割を分けて考えると、二つのつながりを理解しやすくなります。

きれいに見えることだけを目的にせず、読みやすさ、操作のしやすさ、さまざまな利用環境を一緒に考えることが大切です。

よくある疑問

A部品の外側にある余白。

A「パディング」、「CSS」、「レイアウト」と一緒に覚えると、役割や使われる場面の違いが分かりやすくなります。

AIに相談してみる

［　］の部分を自分の状況に合わせて書き換えてください。

以下の画面の外側の余白（マージン）を見直してください。部品同士の距離と情報のまとまりを整理し、PC・スマホに合う具体的な調整案を示してください。 変更理由も短く示し、情報が足りない場合は先に質問してください。

画面仕様またはHTML・CSS：
［ここに貼り付け］

秘密情報は入力しないでください

ほかの言葉も調べてみませんか？