CSS padding-left 속성

정의와 사용법

padding-left 속성은 요소의 왼쪽 내쪽 여백을 설정합니다(백스페이스).

설명

이 속성은 요소의 왼쪽 내쪽 여백의 너비를 설정합니다. 내장 비대체 요소에서 설정된 왼쪽 내쪽 여백은 요소가 생성하는 첫 번째 내장 텍스트 박스의 왼쪽에만 나타납니다.

비고:부정적인 값을 사용할 수 없습니다.

또한 참조:

CSS 가이드:CSS 내간격

HTML DOM 참조 가이드:paddingLeft 속성

예제

p 요소의 왼쪽 내쪽 여백을 설정하십시오:

p
  {
  padding-left:2cm;
  }

직접 시도해 보세요

(更多实例可以在页面底部找到)

CSS 문법

padding-left: length|initial|inherit;

속성 값

설명
length 정확한 단위로 정의된 고정된 왼쪽 내쪽 여백 값을 정의합니다. 예를 들어, 픽셀, 센티미터 등입니다. 기본 값은 0px입니다.
% 부모 요소의 너비를 기반으로 한 백분율로 정의된 왼쪽 내쪽 여백을 정의합니다. 이 값은 모든 브라우저에서 예상대로 작동하지 않을 수 있습니다.
inherit 부모 요소에서 상속해야 하는 왼쪽 내쪽 여백을 정의합니다.

기술 세부 사항

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

TIY 예제

왼쪽 내쪽 여백 설정 1
이 예제에서는 세포의 왼쪽 내쪽 여백을 센티미터로 설정하는 방법을 보여줍니다.
왼쪽 내쪽 여백 설정 2
이 예제에서는 세포의 왼쪽 내쪽 여백을 백분율로 설정하는 방법을 보여줍니다.

브라우저 지원

표에서의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

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