HTML5でマージンとはどのエッジを指しますか?

HTML5 では、マージンは「外端」を指すために使用されます。この属性は、要素のすべてのマージン属性を設定するためにも使用できます。この属性には 1 ～ 4 の値を指定でき、設定に使用されます。値、構文は「margin: 上マージン、右マージン、下マージン、左マージン;」です。

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

margin は html5 でどのエッジを参照しますか?

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

このプロパティの可能な値:

• ##auto ブラウザーがマージンを計算します。

• length は、余白の値をピクセル、センチメートルなどの特定の単位で指定します。デフォルト値は 0px です。

• % マージンを、含まれる要素の幅のパーセンテージとして指定します。

• inherit は、マージンを親要素から継承することを指定します。

推奨チュートリアル: 「

html ビデオ チュートリアル 」

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