Properties

Properties

Draft
  • account_tree
  • bug_report

left

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

설명

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

설정 가능한 속성 값

  • auto기본값키워드CSS2

    웹브라우저의 계산에 의해 웹브라우저 뷰포트(Viewport)의 좌측에 붙힌다. 부모 요소가 존재할 때는 부모 요소가 position 값을 relative 또는 fixed를 갖는 경우에 부모의 좌측에 붙이지만 직전 요소가 position 속성 값이 static 인 inline 요소인 경우에는 그 요소가 끝나는 오른쪽이 기본 위치가 된다.

  • length숫자단위허용CSS2

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

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

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

구문

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

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

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

    자바스크립트 형식

테스트 도구

요소에 대한 위치 설정

지원 웹브라우저