マージンのrightプロパティの使い方
「margin-right」プロパティは、要素とその右隣の要素間の余白(スペース)を設定します。数値、パーセント、auto の値を使用できます。
具体的な使い方は次の通りです
- 右マージンは px(ピクセル)、cm(センチメートル)、mm(ミリメートル)、pt(ポイント)、フォント相対単位(em、rem) などの長さの単位で指定できます。例:
margin-right: 20px;
- パーセンテージ値:右の余白を設定するために親要素の幅に対するパーセンテージ値を使用することができます。例:
margin-right: 10%;
- auto値:右側の外側余白を設定しない。ブラウザが状況に合わせて、最適な外側余白の値を自動的に計算します。例えば:
margin-right: auto;
負値を使用すると負の右余白を設定でき、要素を右側の隣接要素と重なり合わせる効果が得られます。例:
margin-right: -10px;