margin-right 속성
margin-right 속성은
요소의 오른쪽 바깥 여백을 설정합니다. 속성 값으로는
크기 단위 또는
브라우저가 요소의 여백을 자동으로 계산하도록 하는
키워드 값 auto를 사용할 수 있습니다.
구문
선택자 {
margin-right: 값;
}
예제
블록 요소의 오른쪽 바깥 여백을 50px로 설정해 보겠습니다:
<div id="parent">
<div id="elem"></div>
</div>
#parent {
border: 1px solid green;
display: inline-block;
}
#elem {
margin-right: 50px;
border: 1px solid red;
width: 100px;
height: 100px;
}
:
함께 보기
-
위쪽 바깥 여백을 설정하는 속성
margin-top -
아래쪽 바깥 여백을 설정하는 속성
margin-bottom -
왼쪽 바깥 여백을 설정하는 속성
margin-left -
바깥 여백을 설정하는 단축 속성
margin -
안쪽 여백을 설정하는 속성
padding
