Style left 속성

정의와 사용법

left 속성이 정위치 요소의 왼쪽 위치를 설정하거나 반환합니다。

이 속성은 요소의 왼쪽 위치를 포함하여 내간격, 스크롤바, 테두리 및 여유 공간을 정의합니다。

추천정위치 요소는 position 속성이 설정된 :relative、absolute 또는 fixed 요소.

추천위치 요소의 오른쪽 위치를 설정하거나 반환하려면 사용하십시오 right 속성。

추가로 참조하십시오：

CSS 강의：CSS 정위치

CSS 참조 매뉴얼：left 속성

예제

예제 1

<button> 요소의 왼쪽 위치 설정：

document.getElementById("myBtn").style.left = "100px";

직접 시도해 보세요

예제 2

<div> 요소의 왼쪽 위치 설정：

document.getElementById("myDIV").style.left = "100px";

직접 시도해 보세요

예제 3

음수 값을 사용하여 - <div> 요소의 왼쪽 위치 설정：

document.getElementById("myDIV").style.left = "-100px";

직접 시도해 보세요

예제 4

<div> 요소의 왼쪽 위치 반환：

alert(document.getElementById("myDiv").style.left);

직접 시도해 보세요

문법

left 속성 반환：

object.style.left

left 속성 설정：

object.style.left = "auto|length|%|initial|inherit"

속성 값

값 설명
자동 브라우저가 왼쪽 위치를 설정합니다. 기본값.
length 길이 단위로 왼쪽 위치를 정의합니다. 음수 값을 허용합니다。
% 부모 요소의 너비의 백분율로 왼쪽 위치를 설정합니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속받습니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 자동
반환 값： 문자열로, 위치한 요소의 왼쪽 위치를 나타냅니다。
CSS 버전： CSS2

브라우저가 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원