CSS 참조 매뉴얼

CSS @규칙(RULES)

left CSS 속성은 정위치된 요소를 참조 요소의 상자나 브라우저 창의 왼쪽 경계에서의 왼쪽 경계의 이동량을 지정합니다.

요소에 대해, left 속성은 요소의 상대적인 왼쪽 경계가 그것의 포함 블록의 왼쪽 경계로부터 이동하는 거리를 지정합니다.left CSS 속성은 정위치된 요소를 지정하며, 참조 요소의 상자나 브라우저 창의 왼쪽 경계에서의 왼쪽 경계의 이동량을 지정합니다.절대적 정위치
요소에 대해, left 속성은 요소의 상대적인 왼쪽 경계가 그것의 포함 블록의 왼쪽 경계로부터 이동하는 거리를 지정합니다.상대적 정위치요소, left 속성은 상대적으로 정위치된 요소에 대해 요소의 상대적인 왼쪽 경계 위치를 지정합니다(즉, 요소가 일반 흐름에서의 위치를 설정한 후 이러한 속성을 통해 이 위치에서 이동합니다).

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 이 속성이 JavaScript 스크립트에서 사용하는 문법을 설명합니다.

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

left: length | percentage | auto | initial | inherit

아래 예제는 left 속성을 사용하는 방법을 설명합니다.

예제

　　p {
　　　position: absolute;
　　　left:　150px;
　　}

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

값	설명
length	지정된 이동 크기, 길이 값은 px, pt, cm, em 등으로 표시됩니다. 음수 값을 사용할 수 있습니다.
percentage	백분율 이동량을 지정합니다. 요소의 포함 블록의 너비에 비례하여 백분율을 계산합니다. 음수 백분율 값을 사용할 수 있습니다.
auto	브라우저가 왼쪽 경계 위치를 계산합니다. 이는 기본 값입니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 부모 요소의 left 속성 값을 사용하는 관련 요소가 선택됩니다.

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

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

다음 튜토리얼을 참조하십시오:CSS 위치，CSS 층。