Webデザイナーブログから学ぶホームページ制作

「margin-right」プロパティは、ボックス要素の右側（外側）の余白を指定するCSSプロパティです。
余白に負の値を指定することで、複数の領域を重ねて表示させることができます。

ボックス要素の右側（外側）の余白を指定する単位は「auto」「px」「%」「em」「rem」などの値を指定することができます。
※ブラウザの種類により、小数点以下の数値は切り上げされる場合がありますので小数点での指定は推奨できません。

CSSでサイズ指定する単位「px」「%」「em」「rem」の違いと使い分け

ボックス要素の右側（外側）の余白を指定する場合は、「margin-right」プロパティを使い適応する値を指定することで実装できます。

セレクタ{
margin-right:ボックス要素の右側（外側）の余白;
}

/* 基本値 */
margin-right: auto;

/* px値 */
margin-right: 10px;/* 右10pxの余白 */

/* %値 */
margin-right: 10%;/* 右10%の余白 */

/* em値 */
margin-right: 10em;/* 右10emの余白 */

/* rem値 */
margin-right: 5rem;/* 右5remの余白 */