Properties

Properties

Draft
  • account_tree
  • bug_report

top

요소의 상단 위치 값을 설정한다.

설명

이때 해당 요소는 position 속성의 값이 absolute 이거나 fixed 또는 relative로 설정되어 있어야 한다. position 속성 값을 relative로 가지는 경우도 top 값을 설정할 수 있지만 이 경우에는 position 값이 static 또는 relative인 직전 요소의 하단이 기준이 된다. 부모 요소가 position 값을 relative를 가지고 하위 요소가 absolute를 갖는 경우에는 부모 요소의 상단이 기준이 되어 위치 값이 설정된다. 부모 요소가 position 속성 값이 static 이고 하위 요소가 position 값이 absolute일 때 요소의 상단 위치 기준은 웹브라우저의 뷰포트가 된다. 부모 요소가 그 이외의 position 속성 값을 가지더라도 하위 요소의 position 값이 fixed 인 경우에는 부모 요소와 상관없이 웹브라우저의 뷰포트를 기준으로 하여 상단으로 부터의 위치값으로 지정된다.

설정 가능한 속성 값

  • auto기본값키워드CSS2

    기본 값이며 position 속성 값이 static 또는 relative을 가진 직전 요소가 있다면 끝나는 지점에 요소의 상단 위치를 지정한다.

  • length숫자단위허용CSS2

    숫자와 단위를 이용해서 설정한다.

    • 사용 가능한 단위: px, %
    • 음수 허용
  • initial키워드CSS3

    CSS의 기본 값으로 설정한다.

구문

  • top auto or length or initial;기본형식CSS2

    설정하지 않으면 기본 값인 auto가 되며 숫자와 단위를 이용해서 위치를 설정한다.

  • object.style.top = "10px";자바스크립트 형식CSS2

    자바스크립트 형식

테스트 도구

요소에 대한 위치 설정

지원 웹브라우저