Properties

Properties

Draft
  • account_tree
  • bug_report

bottom

요소의 아래쪽 위치 값을 설정한다.

설명

요소는 position 속성 값이 absolute 또는 fixed로 설정되어 있어야 한다. 부모 요소의 position 값이 relative이며 하위 요소가 position 값이 absolute라면 부모 요소의 아래쪽으로 부터의 위치 값으로 설정된다. 부모 요소가 position 속성 값이 static인 경우 하위 요소가 position 속성 값을 absolute로 되어 있을 때 위치 기준은 부모 요소가 아니라 웹브라우저의 뷰포트가 된다. 부모 요소가 어떠한 position 값을 가지고 있다하더라도 하위 요소가 position 값이 fixed인 경우에는 웹브라우저의 뷰포트를 기준으로 아래쪽으로 부터의 위치값으로 지정된다.

설정 가능한 속성 값

  • auto기본값키워드CSS2

    기본값이며 요소의 하단 가장자리 위치로 설정한다.

  • length숫자단위허용CSS2

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

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

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

구문

  • bottom auto or length or initial;기본값CSS2

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

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

    자바스크립트 형식

테스트 도구

요소에 대한 위치 설정

지원 웹브라우저