ホームページ > 記事 > ウェブフロントエンド > CSSで上余白を記述する方法
CSS では、margin-top 属性を使用して上マージンを設定でき、要素に「margin-top: value unit;」スタイルを設定するだけです。 margin-top プロパティは要素の上マージンを設定し、負の値を許可します。
このチュートリアルの動作環境: 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で上余白を記述する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。