Properties

Properties

Editing
  • 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 인 경우에는 부모 요소와 상관없이 웹브라우저의 뷰포트를 기준으로 왼쪽으로 부터의 위치값으로 지정된다.

사용 가능한 값 타입

〈positioning-coordinates〉

  • auto | <length-percentage>
    CSS Positioned Layout Module Level 3

사용되는 키워드

  • auto

    position 속성의 위치 지정 체계에 따라 다르게 나타난다.

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

구문

  • object.style.left = "50px";CSS2

    자바스크립트 형식

테스트 도구

요소에 대한 위치 설정

버전 명세

Modules
Module NameStatusSummary
CSS Positioned Layout Module Level 3

Last review date: 2022-7-19

지원 웹브라우저