Properties

Properties

Draft
  • account_tree
  • bug_report

margin

요소의 주변 요소와의 간격을 설정한다.

설정 가능한 속성 값

  • length숫자단위허용CSS1

    정수와 함께 px, pt, cm 등과 같은 단위로 적용할 수 있다. 기본 값은 0이다.

    • 사용 가능한 단위: px, %, pt
    • 음수 허용
  • auto키워드CSS1

    웹브라우저의 계산 결과에 따라 적용된다.

  • initial키워드CSS3

    CSS의 기본 값으로 설정한다.

구문

  • margin length or auto or initial;기본형식CSS1

    정수를 단위와 함께 설정하거나 지정된 상수로 설정할 수 있다.

    margin-right 테스트
  • margin length length;사용 예CSS1

    두 개의 값을 공백으로 구분하여 적용하는 경우에는 차례대로 상하, 좌우 외부 간격을 설정한다.

  • margin length length length;사용 예CSS1

    세 개의 값을 공백으로 구분하여 적용하는 경우에는 차례대로 상단, 좌우, 하단 외부 간격을 설정한다.

  • margin length length length length;사용 예CSS1

    네 개의 값을 공백으로 구분하여 적용하는 경우에는 차례대로 상, 우, 하, 좌순(시계 방향)으로 외부 간격을 설정한다.

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

    자바스크립트 형식

테스트 도구

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

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

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

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

지원 웹브라우저