ホームページ > ウェブフロントエンド > CSSチュートリアル > margin-bottom とはどういう意味ですか?

margin-bottom とはどういう意味ですか?

不言
リリース: 2022-03-31 18:45:02
オリジナル
36397 人が閲覧しました

margin-bottom は、要素の下マージンを設定するために使用される CSS のプロパティです。すべての主要なブラウザは、margin-bottom プロパティをサポートしています。 margin-bottom 属性の使用法を簡単に見てみましょう。

margin-bottom とはどういう意味ですか?

margin-bottom 属性の構文は次のとおりです:

margin-bottom:value
ログイン後にコピー

value 可能な値:

  • auto: ブラウザは下マージンを計算します。

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

  • %: 親要素の幅のパーセンテージに基づいて下マージンを指定します。

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

#マージンボトムのコード例を見てみましょう

<html>
<head>
<style type="text/css">
p.bottommargin {margin-bottom: 2cm}
</style>
</head>

<body>
<p>这个段落没有指定外边距。</p>
<p class="bottommargin">这个段落带有指定的下外边距。</p>
<p>这个段落没有指定外边距。</p>
</body>

</html>
ログイン後にコピー
実行結果は次のとおりです:

margin-bottom とはどういう意味ですか?

関連する推奨事項 :

マージントップとは何ですか?

この記事はここで終了しました。さらに興味深いコンテンツについては、PHP 中国語 Web サイトの

CSS ビデオ チュートリアル 列に注目してください。 ! !

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート