margin-right 속성

margin-right 속성은 요소의 오른쪽 바깥 여백을 설정합니다. 속성 값으로는 크기 단위 또는 브라우저가 요소의 여백을 자동으로 계산하도록 하는 키워드 값 auto를 사용할 수 있습니다.

구문

css선택자 {
  margin-right: 값;
}

예제

블록 요소의 오른쪽 바깥 여백을 50px로 설정해 보겠습니다:

html<div id="parent">
  <div id="elem"></div>
</div>

css#parent {
  border: 1px solid green;
  display: inline-block;
}
#elem {
  margin-right: 50px;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

Результат:

함께 보기