CSSでのマージンとは何ですか?

css の Margin は、1 つの宣言ですべてのマージン属性を設定できる短縮属性です。この短縮属性は、要素のすべてのマージンの幅を設定するか、各側のマージンの幅を設定します。

#この記事の動作環境: Windows 7 システム、css3 バージョン、Dell G3 コンピューター。

margin 省略表現プロパティは、1 つの宣言ですべての margin プロパティを設定します。この属性には 1 ～ 4 の値を指定できます。

説明

この短縮プロパティは、要素のすべてのマージンの幅を設定するか、各側のマージンの幅を設定します。

ブロックレベル要素の垂直方向に隣接するマージンはマージされますが、インライン要素は実際には上下のマージンを占有しません。インライン要素の左右のマージンはマージされません。同様に、フローティング要素のマージンはマージされません。負のマージン値を指定することもできますが、使用する場合は注意してください。

注: 負の値も許可されます。

例 1

margin:10px 5px 15px 20px;

上マージンは 10px

右マージンは 5px

下マージンは 15px

左マージンmargin マージンは 20px

例 2

margin:10px 5px 15px;

上のマージンは 10px

左右のマージンは 5px

下のマージンは 15px

例 3

margin:10px 5px;

上下の余白は 10px

左右の余白は 5px

例 4

margin:10px;

All 4 余白は 10px

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

以上がCSSでのマージンとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。