CSS 참조 가이드

CSS @규칙(RULES)

margin-top 속성 사용 방법 및 예제margintop CSS 속성은 요소의 상단 여백을 설정합니다. 그러나 많은 경우, 이와 같은

이러한 간단한 CSS 속성은 사용하기 더 편리하며, 더 추천됩니다。

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다。	0
기본 값:	적용 대상: 모든 요소, table 이외display-타입(table-caption table inline 。그러나 다음 요소는 적용되지 않습니다. ::first-letter。
상속:	아니요
애니메이션 가능:	네.참조: 애니메이션 속성。
버전:	CSS 1，2，3
JavaScript 문법:	object.style.marginTop="20px"

이 속성의 문법은 다음과 같습니다:

margin-top:　length　|　percentage　|　auto　|　initial　|　inherit

다음 예제는 margin을 사용하는 방법을 보여줍니다-top 속성。

예제

　　h1　{
　　　margin-top:　25px;
　　}
　　p　{
　　　margin-top:　50px;
　　}

아래 표는 이 속성의 값을 설명합니다。

값	설명
length	크기 값, px, pt, cm, em 등의 단위로 표시됩니다. 음수 값을 사용할 수 있습니다.
percentage	백분율. 요소의 포함 블록의 너비에 비례하여 계산됩니다。
auto	브라우저는 지정된 요소의 여백을 계산합니다。
initial	이 속성을 기본 값으로 설정합니다。
inherit	지정된 경우, 부모 요소의 margin과 연결된 요소가 사용됩니다-top 속성 값。

margin-top 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

	Firefox 1+ Google Chrome1+ Internet Explorer 3+ Apple Safari 1+ 오페라 4+

다음 튜토리얼을 참조하십시오:CSS Margin，CSS Box Model。