ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSSのmargin-bottomプロパティの使い方

CSSのmargin-bottomプロパティの使い方

青灯夜游
青灯夜游オリジナル
2019-05-29 11:49:174227ブラウズ

css margin-bottom プロパティは、要素の下マージンを設定するために使用され、負の値も許可されます。すべての主要なブラウザは margin-bottom 属性をサポートしています。

CSSのmargin-bottomプロパティの使い方

CSS margin-bottom プロパティを使用するにはどうすればよいですか?

margin-bottom 属性は、要素の下マージンを設定します。

設定可能な属性値:

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

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

## ● %: 下マージンを親要素の幅のパーセンテージで指定します。

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

説明:

この属性では負の値を使用できます。

注:

すべての主要なブラウザは margin-bottom 属性をサポートしています。

css margin-bottom プロパティの例

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p.bottommargin {margin-bottom: 2cm}
</style>
</head>
<body>
<p>这个段落没有指定外边距。</p>
<p class="bottommargin">这个段落设置了2厘米的底边距。</p>
<p>这个段落没有指定外边距。</p>
<p>这个段落没有指定外边距。</p>
</body>
</html>
レンダリング:


以上がCSSのmargin-bottomプロパティの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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