CSSのMarginプロパティ
CSSのmargin特性は、要素の周囲の空間を生成するために使用されます。
marginプロパティは、境界の外の余白サイズを設定します。
この要素は持っているmargin 80pxのを。
CSSのMargins
CSSのmarginプロパティは、境界の外の余白サイズを設定します。
 | 注： margins完全に透明である-と背景色を持つことはできません！ |
|---|
CSSを使用すると、を完全に制御していmargins 。 設定するためのCSSプロパティがありますmargin要素（左上、右、下、および）の各側面のためには。
Margin -各辺
CSSは、指定するためのプロパティを持つmargin要素の各側面のために：
-
margin-top -
margin-right -
margin-bottom -
margin-left
すべてのmarginプロパティは次の値を指定できます。
- auto -ブラウザは計算margin
- 長さ -指定marginでpx, pt, cmなど
- ％ -指定margin含む要素の幅の％に
- 継承-ことを指定margin親要素から継承する必要があります
| 注：のために負の値を使用することも可能であるmargins 。コンテンツに重なります。 |
|---|
次の例では、異なる設定marginsのすべての4つの側面のための<p>要素を：
例
p {
margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 80px;
} »それを自分で試してみてください 次の例では、左ますmargin親要素から継承します：
例
div.container {
border: 1px solid red;
margin-left: 100px;
}
p.one {
margin-left:
inherit;
} »それを自分で試してみてください Margin -速記プロパティ
コードを短くするために、すべて指定することが可能であるmarginつのプロパティのプロパティを。
marginプロパティは、以下の個別の短縮形プロパティであるmarginのプロパティ：
-
margin-top -
margin-right -
margin-bottom -
margin-left
だから、ここでそれがどのように動作するかです：
場合marginプロパティは、4つの値があります。
- margin ：25ピクセルは50px 75px 100pxに。
- トップマージンは25ピクセルです
- 右マージンはは50pxです
- 下マージンが75pxであります
- 左マージンは100pxにあります
場合はmarginプロパティには3つの値があります。
- margin ：25ピクセルは50px 75px;
- トップマージンは25ピクセルです
- 左右のマージンはは50pxです
- 下マージンが75pxであります
場合marginプロパティは、2つの値があります。
- margin ：25ピクセルは50px;
- 上下のマージンは25ピクセルです
- 左右のマージンはは50pxです
場合marginプロパティが1の値を持ちます。
- margin ：25ピクセル;
- 4つのすべてのマージンは25ピクセルです
自動値の使用
あなたが設定することができますmarginにプロパティをauto水平、そのコンテナ内の要素をセンタリングします。
要素は、指定された幅を取るだろう、と残りのスペースには、左と右の間で均等に分割されますmargins ：
練習で自分自身をテスト！
すべてのCSSマージンプロパティ
| プロパティ | 説明 |
|---|---|
| margin | 設定するための簡略記述特性margin 1宣言でプロパティを |
| margin-bottom | 下の設定margin要素のは、 |
| margin-left | 左の設定margin要素のは、 |
| margin-right | 右の設定margin要素のは、 |
| margin-top | トップ設定margin要素のは、 |