CSS のどの属性で要素のマージンを設定できるか-CSSチュートリアル-php.cn

CSS のどの属性で要素のマージンを設定できるか

王林

リリース： 2023-02-16 18:49:53

オリジナル

5347 人が閲覧しました

CSS の margin 属性は要素の余白を設定できます。 margin 属性は要素の周囲のスペースを定義し、要素の外側の境界線の周囲の領域をクリアします。 margin プロパティは、要素の上下左右のマージンを個別に変更することも、すべてのプロパティを一度に変更することもできます。

CSS のどの属性で要素のマージンを設定できるか

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

CSS では、margin 属性を使用して要素に余白を追加できます。margin 属性は要素の周囲のスペースを定義できます。

注:

margin は、要素の周囲 (外側の境界) 領域をクリアします。余白には背景色がなく、完全に透明です。

margin 要素の上下左右の余白を個別に変更することも、すべての属性を一度に変更することもできます。

CSS のどの属性で要素のマージンを設定できるか

属性値:

auto ブラウザの余白を設定します。
length 固定マージンを定義します (ピクセル、pt、em などを使用)
% パーセンテージを使用してマージンを定義します

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php.cn</title> 
<style>
p
{
    background-color:yellow;
}
p.margin
{
    margin-top:100px;
    margin-bottom:100px;
    margin-right:50px;
    margin-left:50px;
}
</style>
</head>

<body>
<p>这是一个没有指定边距大小的段落。</p>
<p class="margin">这是一个指定边距大小的段落。</p>
</body>

</html>

ログイン後にコピー

実行結果:

CSS のどの属性で要素のマージンを設定できるか