ホームページ >ウェブフロントエンド >フロントエンドQ&A >HTML5でマージンとはどのエッジを指しますか?
HTML5 では、マージンは「外端」を指すために使用されます。この属性は、要素のすべてのマージン属性を設定するためにも使用できます。この属性には 1 ~ 4 の値を指定でき、設定に使用されます。値、構文は「margin: 上マージン、右マージン、下マージン、左マージン;」です。
このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、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
このプロパティの可能な値:
html ビデオ チュートリアル 」
以上がHTML5でマージンとはどのエッジを指しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。