ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで上余白を記述する方法

CSSで上余白を記述する方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-07-26 15:10:583586ブラウズ

CSS では、margin-top 属性を使用して上マージンを設定でき、要素に「margin-top: value unit;」スタイルを設定するだけです。 margin-top プロパティは要素の上マージンを設定し、負の値を許可します。

CSSで上余白を記述する方法

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

margin 省略表現プロパティは、1 つの宣言ですべての margin プロパティを設定します。この属性には 1 ~ 4 の値を指定できます。

説明

この短縮プロパティは、要素のすべてのマージンの幅を設定するか、各側のマージンの幅を設定します。

ブロックレベル要素の垂直方向に隣接するマージンはマージされますが、インライン要素は実際には上下のマージンを占有しません。インライン要素の左右のマージンはマージされません。同様に、フローティング要素のマージンはマージされません。負のマージン値を指定することもできますが、使用する場合は注意してください。

注: 負の値も許可されます。

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

<html>
  <head>
    <style type="text/css">
      p.topmargin {
        margin-top: 5cm;
      }
    </style>
  </head>

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

効果

CSSで上余白を記述する方法

推奨学習: cssビデオチュートリアル

以上がCSSで上余白を記述する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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