ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5でマージンとはどのエッジを指しますか?

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

WBOY
WBOYオリジナル
2022-01-23 14:31:513197ブラウズ

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

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

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。