Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

CSSプロパティ

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

MARGINマージンTOPCSSPropertiesMargin

  1. marginマージン

marginマージン

プロパティの値<margin-width>{1,4} | inherit
初期値0 (各部マージンの値)
対象要素全要素(テーブルの行内構成要素を除く)
継承しない
%親ブロックの'width'値に対する割合
メディアvisual
W3C Ref.CSS2.1CSS3

プロパティの書式と機能

マージン(上下左右)の幅を指定します。

Box model margin
プロパティの書式機能
margin: <margin-width>マージンの幅を指定
margin: inherit継承

プロパティの値 (<margin-width>で指定可能な値)

margin: <length>

margin幅を<length>で指定します。マイナス値も有効です。

margin: <percentage>

指定した要素の横幅の最大値に対する割合をパーセンテージで指定します。上下マージンについても幅が基準値となることに注意する必要があります。

margin: <auto>

マージンを自動配分します。左右マージンがautoの場合、マージンが左右均等に割り当てられるため、ブロックの中央配置にも利用されます。

識別子によるプロパティの個別記述

-top, -right, -bottom, -left の識別子を付加することにより、上下左右のマージンの個別指定が可能です。

プロパティの書式機能
margin-top: <margin-width>上部マージンの幅を指定
margin-right: <margin-width>右側マージンの幅を指定
margin-bottom: <margin-width>下部マージンの幅を指定
margin-left: <margin-width>左側マージンの幅を指定

値のショートハンド記述

指定する値の個数によって、指定できる箇所が変わります。

プロパティの書式機能
margin: <m1>マージンの幅をまとめて一括指定 (上下左右)
margin: <m1> <m2> マージンの幅を指定 (上下 - 左右)
margin: <m1> <m2> <m3>マージンの幅を指定 (上 - 左右 - 下)
margin: <m1> <m2> <m3> <m4>マージンの幅を指定 (上 - 右 - 下 - 左)
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.