CSS 마진 왼쪽 속성

정의와 사용법

margin-left 속성은 요소의 왼쪽 여백을 설정합니다.

주석:부정적 값을 사용할 수 있습니다.

다른 것을 참조하세요:

CSS 강의:CSS 백마진

HTML DOM 참조 매뉴얼:marginLeft 속성

예제

p 요소의 왼쪽 외부 여백을 설정합니다:

p
  {
  margin-left:2cm;
  }

직접 시도해 보세요

(더 많은 예제는 페이지 하단에 있습니다)

CSS 문법

margin-left: length|auto|initial|inherit;

속성 값

설명
auto 브라우저가 설정한 왼쪽 여백.
length 고정된 왼쪽 여백을 정의합니다. 기본 값은 0입니다.
% 포함 요소의 너비를 백분율로 왼쪽 여백을 지정합니다.
inherit 부모 요소에서 왼쪽 여백을 상속해야 합니다.

기술 세부 사항

기본 값: 0
상속성: no
버전: CSS1
JavaScript 문법: object.style.marginLeft="10px"

더 많은 예제

텍스트의 왼쪽 외부 여백 설정 1
이 예제에서는 텍스트의 왼쪽 여백을 센티미터로 설정하는 방법을 보여줍니다.
텍스트의 왼쪽 외부 여백 설정 2
이 예제에서는 텍스트의 왼쪽 여백을 백분율로 설정하는 방법을 보여줍니다.

브라우저 지원

표에서의 숫자는 이 속성을 최초로 지원하는 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari 오페라
1.0 6.0 1.0 1.0 3.5