요소의 바깥쪽 여백을 지정합니다. margin-top, margin-right, margin-bottom, margin-left에 대한 단축형 프로퍼티입니다.
값을 하나만 지정한 경우에는 전체 여백에 동일한 값이 적용되고, 두 개의 값을 지정한 경우에는 첫 값은 위/아래 두번째 값은 좌우의 여백 값으로 지정됩니다. 3개의 값이 지정된 때에는 첫 값은 위, 둘째값은 좌/우, 셋째값은 아래 여백 값으로 적용되고, 4개의 값이 지정된 경우에는 위쪽부터 시계방향으로 각각의 값이 적용됩니다.
값을 하나만 지정한 경우에는 전체 여백에 동일한 값이 적용되고, 두 개의 값을 지정한 경우에는 첫 값은 위/아래 두번째 값은 좌우의 여백 값으로 지정됩니다. 3개의 값이 지정된 때에는 첫 값은 위, 둘째값은 좌/우, 셋째값은 아래 여백 값으로 적용되고, 4개의 값이 지정된 경우에는 위쪽부터 시계방향으로 각각의 값이 적용됩니다.
사용법
margin: 2em 4px 3em 4px;
object.style.margin = "10px 5px"
속성
- <margin-top> <margin-right> <margin-bottom> <margin-left>
- 마진 값을 지정합니다.
Margin-Collapsing : 세로로 인접한 두 개의 마진은 더 큰 크기의 마진 값으로 합쳐집니다. 다른 요소의 내부에 포함된 요소의 마진은 사라집니다.
댓글 없음:
댓글 쓰기