Properties

Properties

Draft
  • account_tree
  • bug_report

padding

요소의 내부 여백을 설정한다.

설정 가능한 속성 값

  • length숫자단위허용CSS1

    숫자와 단위를 사용해서 설정한다.

    • 사용 가능한 단위: px, %, pt, cm
  • initial키워드CSS3

    CSS 기본 값으로 설정한다.

구문

  • padding length or initial;기본형식CSS1

    내부 여백을 숫자와 단위를 이용한 값으로 설정한다. 기본 값은 0이다.

    padding 테스트
  • padding length length;사용 예CSS1

    두 개의 값을 공백으로 구분해 입력하는 경우 차례대로 상하, 좌우 내부 여백을 지정한다.

    공백으로 구분된 두 개의 값으로 padding 테스트
  • padding length length length;사용 예CSS1

    세 개의 값을 공백으로 구분해 입력하는 경우 차례대로 상단, 좌우, 하단 내부 여백을 지정한다.

  • padding length length length length;사용 예CSS1

    네 개의 값을 공백으로 구분해 입력하는 경우 차례대로 상, 우, 하, 좌 순서(시계 방향)로 내부 여백을 지정한다.

  • object.style.padding = "50px 20px";자바스크립트 형식CSS1

    자바스크립트 형식

테스트 도구

(1) 요소에 대한 단일 값으로 padding 테스트

(2) 요소에 대한 2개 값으로 padding 테스트

(3) 요소에 대한 3개의 값으로 padding 테스트

(4) 요소에 대한 4개의 값으로 padding 테스트

지원 웹브라우저