margin-right
対応ブラウザ | Internet Explorer 3~ / Firefox 1~ / Google Chrome 1~ / Safari 1~ / Opera 3.5~ | ||
---|---|---|---|
初期値 | 0 | 継承 | しない |
適用可能な要素 | ほぼすべての要素(displayがtable-row-group、table-header-group、table-footer-group、table-row、table-column-group、table-column、table-cellの要素には適用できない) | ||
用例 |
|
margin-rightとは
margin-rightとは右のマージンを指定するプロパティです。負の値を指定することもでき、複数の領域を重ねて表示させることもできます。
以下の値で指定します。
- 長さ(初期値は0)
- 数値+単位(px, %, pt, emなど)で指定します。
- Auto
- 自動でマージンを指定します。
margin-left:auto とあわせて、ボックスを横方向中央へ配置(センタリング)するのによく使われます。(※1)
- ※1…横方向のマージンにautoを指定すると、包含ブロック内の横の空いたスペースを埋めるようマージンが設定されます。margin-leftとmargin-rightの両方がautoな場合、空きスペースが均等に割り当てられます。