margin-left 속성
margin-left 속성은 요소의 왼쪽 바깥 여백을 설정합니다.
속성 값은 크기 단위 중
아무 것이나 사용하거나 브라우저가 요소의 여백을 자체적으로 계산하도록 하는
키워드 값 auto를 사용할 수 있습니다.
문법
선택자 {
margin-left: 값;
}
예제
블록에 50px의 왼쪽 바깥 여백을 설정해 보겠습니다:
<div id="parent">
<div id="elem"></div>
</div>
#parent {
border: 1px solid green;
display: inline-block;
}
#elem {
margin-left: 50px;
border: 1px solid red;
width: 100px;
height: 100px;
}
:
참고 항목
-
위쪽 바깥 여백을 설정하는 속성
margin-top, -
아래쪽 바깥 여백을 설정하는 속성
margin-bottom, -
오른쪽 바깥 여백을 설정하는 속성
margin-right, -
바깥 여백을 한 번에 설정하는 약식 속성
margin, -
안쪽 여백을 설정하는 속성
padding,
