메뉴 건너뛰기

kode2.com

HTML 문서의 margin 이란?

2019.05.16 21:17

kode2 조회 수:21

마진(margin)이란 브라우져 창에서 최대로 페이지가 보여져야 될 부분과 실제 보여야하는 페이지와의 여백을 의미합니다. 

 

기본값으로 상,우,하,좌 측이 약간의 마진값이 들어가게 됩니다. 

 

이 마진값은 알면 쉽지만, 모르면 한참 헤매는 것이므로, 모르시는 분들은 알아두시는게 좋습니다. 

 

이 마진값은 보통 <body>태그 안에 지정이 되며, 아래와 같이 줄 수 있습니다. 

 

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 

 

이러면 페이지가 브라우저에 딱 붙어버리게 됩니다. 

 

여기에서 

leftmargin="0" topmargin="0" 은 익스플로워에서 주는 마진값이고 

marginwidth="0" marginheight="0" 이 넷스케이프에 적용되는 값입니다. 

 

상,우,하,좌 를 각각 다르게 주고 싶을 경우에는 아래와 같이 합니다. 

 

style=margin:0,0 또는 style=margin:0,0,0,0 을 줍니다. 이는 익스플로워에만 적용이 됩니다. 

 

앞의 margin:0,0 에서 앞의 "0" 은 상,하를 뜻하고 뒤에 "0" 은 좌, 우를 뜻합니다. 

margin:0,0,0,0 은 상에서부터 반시계방향으로 margin:위,우,하,좌 이렇게 표현됩니다. 

 

그리고 넷스케이프에서는 style=margin-top:0;margin-right:0;margin-bottom:0;margin-left:0 으로 분리하여 지정합니다. 

 

결론적으로 바디태그에 style=margin-top:0;margin-right:0;margin-bottom:0;margin-left:0 이렇게 주게되면 익스플로러에서나 넷스케이프에서나 다 적용이 가능하며 

 

또는, 아래와 같이 스타일 사이에 

<style> 

body { style=margin-top:0;margin-right:0;margin-bottom:0;margin-left:0} 

</style> 

 

<body>태그에 넣을필요없이 <head>태그사이에 위 <style>과 같이 미리 지정해도 됩니다.