[html/css] margin 속성에 대해서...

 

 

html / css 에서 margin이라는 속성에 대해 알아보도록 하겠습니다.

---

 

margin border padding content를 보기쉽게 나타낸 그림

 

 

margin 이란 border와 바깥과의 여백을 의미합니다..

 

 

margin은 4가지로 나뉘어 집니다.

-margin-top 상단여백
-margin-right 오른쪽여백
-margin-bottom 아래여백
-margin-left 왼쪽여백

 

 

 

style속성으로 margin을 사용하는 방법

*단위는 px, cm, % 등등 가능, 음수(-)도 가능

●한꺼번에 margin 지정하는 방법
margin: ?px ?px ?px ?px; (상단 오른쪽 하단 왼쪽)

●4면 모두 동일한 여백일때 margin 지정하는 방법
margin: ?px;

●상단, 오른&왼, 하단 순서 margin 지정하기
margin: ?px ?px ?px; (상단 오른&왼 하단)

●상단&하단 오른&왼 순서 margin 지정하기
margin: ?px ?px; (상단&하단 오른&왼)