CSS padding-left 속성
- 이전 페이지 padding-inline-start
- 다음 페이지 padding-right
정의와 사용법
padding-left 속성은 요소의 왼쪽 내쪽 여백을 설정합니다(백스페이스).
설명
이 속성은 요소의 왼쪽 내쪽 여백의 너비를 설정합니다. 내장 비대체 요소에서 설정된 왼쪽 내쪽 여백은 요소가 생성하는 첫 번째 내장 텍스트 박스의 왼쪽에만 나타납니다.
비고:부정적인 값을 사용할 수 없습니다.
또한 참조:
CSS 가이드:CSS 내간격
HTML DOM 참조 가이드:paddingLeft 속성
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 |
- 이전 페이지 padding-inline-start
- 다음 페이지 padding-right