CSSファイルの余白とはどういう意味ですか?

css ファイルのマージンは、要素の周囲のスペースを定義するために使用される CSS 属性です。マージンは外側のマージンを表します。要素の上下左右のマージンを個別に変更することも、個別に変更することもできます。すべての属性を一度に; margin 属性は、任意の長さの単位、パーセント値、または負の値も受け入れます。

このチュートリアルの動作環境: Windows 10 システム、CSS3 バージョン、DELL G3 コンピューター

css ファイルのマージンとは何ですか意味?

CSS のマージン (マージン) プロパティは、要素の周囲のスペースを定義します。

margin

margin は、要素の周囲 (外側の境界線) 領域をクリアします。余白には背景色がなく、完全に透明です。

margin 要素の上下左右の余白を個別に変更することも、すべての属性を一度に変更することもできます。

#margin 省略表現プロパティは、単一の宣言内のすべての現在の要素または指定された要素の margin プロパティを設定します。この属性には 1 ～ 4 の値を指定できます。

margin 属性は、任意の長さ単位、パーセント値、さらには負の値も受け入れます。

margin 属性は、要素の上下左右のマージンを個別に変更できます。すべてのプロパティを一度に変更することも可能です。

margin も、padding と同様に、簡潔な書き方があります。 margin 属性を使用して、4 方向のマージンを設定できます。実際のプログラミングでは、マージンを効率よく簡潔にプログラムする書き方をすることが多いです。

margin を記述するには次の 4 つの方法があります:

 margin: 像素值1;
 margin: 像素值1  像素值2;
 margin: 像素值1  像素值2  像素值3;
 margin: 像素值1  像素值2  像素值3  像素值4;

上記の 4 つの位置は順番に次のとおりです: margin-top--margin-right--margin-bottom--margin-left , それは「上・右・下・左」です。次の略語は、top-right--bottom--left です。注意する必要があるのは、後者の 3 つのケースでは、デフォルトのピクセル値がある場合、ブラウザは「bottom=top」および「left=right」メソッドに従ってデフォルトのピクセルを自動的に割り当てるということです。

例:

"margin:20px;" は 4 方向すべてのマージンが 20 ピクセルであることを意味します;

"margin:20px 40px;" は上と右が 20 ピクセルであることを意味しますは 40px です。下と左はデフォルトなので、それぞれ 20px と 40px に自動的に設定されます。 4番目の書き方「margin:20px 40px 20px 40px;」に変換します。

「margin:20px 40px 60px;」は、上が 20px、右が 40px、下が 60px を意味します。左がデフォルトなので、自動的に 40px に設定されます。 4番目の書き方「margin:20px 40px 60px 40px;」に変換しました。

デフォルトの記述方法「margin:20px 40px 20px 60px;」では記述できない状況があることに注意してください。この例では、上下は同じですが左右が異なるため、下をデフォルトにすることはできません。それ以外の場合は、「margin:20px 40px 60px 40px;」と同等になります。

推奨学習: 「css ビデオ チュートリアル 」

以上がCSSファイルの余白とはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。