padding-right

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

padding-right CSS 속성은 요소의 오른쪽에 안쪽 여백 영역을 설정합니다.

시도해보기

요소의 안쪽 여백 영역은 콘텐츠와 테두리 사이의 공간입니다.

참고: padding 속성을 사용하면 하나의 선언으로 네 방향 여백을 모두 설정할 수 있습니다.

구문

css
/* <length> 값 */
padding-right: 0.5em;
padding-right: 0;
padding-right: 2cm;

/* <percentage> 값 */
padding-right: 10%;

/* 전역 값 */
padding-right: inherit;
padding-right: initial;
padding-right: unset;

padding-right 속성의 값은 아래 목록 중 하나로 지정할 수 있습니다. 바깥 여백margin과 다르게, 음수 값은 사용할 수 없습니다.

<length>

여백의 크기로 고정값 사용.

<percentage>

여백의 크기로 컨테이닝 블록 너비의 백분율 사용.

형식 구문

padding-right = 
<length-percentage [0,∞]>

<length-percentage> =
<length> |
<percentage>

예제

css
.content {
  padding-right: 5%;
}
.sidebox {
  padding-right: 10px;
}

명세

Specification
CSS Box Model Module Level 3
# padding-physical
초기값0
적용대상all elements, except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column. It also applies to ::first-letter and ::first-line.
상속no
Percentagesrefer to the width of the containing block
계산 값the percentage as specified or the absolute length
Animation typea length

브라우저 호환성

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
padding-right

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

같이 보기