無料ホームページ作成！ＣＳＳ・スタイルシート
外側との余白

無料ホームページ作成！CSS・余白
外側との余白

ホームページの内容の外側との余白を変える

margin属性

このmargin属性は内容の枠と外側との余白を指定できる属性です、周りのコンテンツなどと近すぎる場合などに使用します。
使い方は少々複雑で。

• margin:10px;(上下左右10px)
• margin:10px 20px;(上下10px、左右20px)
• margin:10px 20px 30px;(上10px、左右20px、下30px)
• margin:10px 20px 30px 40px;(上10px、右20px、下30px、左40px)
• margin-top:10px;(上10px)
• margin-right:10px;(右10px)
• margin-bottom:10px;(下10px)
• margin-left:10px;(左10px)

などと様々な使い方があります。
覚えるとホームページを綺麗にできますので必ず覚えましょう。

margin属性の使い方

CSSソース

セレクタ{
	margin:10px;
}
 

結果

margin属性で宣言できる値

値の使用例

margin要素の値は基本は数値で書きます。