CSS margin-bottom 속성

정의와 사용법

margin-bottom 속성은 요소의 하단 외부 마argins을 설정합니다.

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

또한 참조:

CSS 강의:CSS 외부 여백

HTML DOM 참조 매뉴얼:marginBottom 속성

예제

p 요소의 하단 외부 마argins을 설정하십시오:

p
  {
  margin-bottom:2cm;
  }

직접 시도해보세요

(더 많은 예제는 페이지 하단에서 찾을 수 있습니다)

CSS 문법

margin-bottom: length|auto|initial|inherit;

속성 값

설명
auto 브라우저가 하단 외부 마argins을 계산합니다.
length 특정 단위로 하단 외부 마argins 값을 지정합니다. 예를 들어, 픽셀, 센티미터 등입니다. 기본 값은 0px입니다.
% 포함 요소의 너비의 퍼센트로 하단 외부 마argins을 지정합니다.
inherit 부모 요소에서 하단 외부 마argins을 상속해야 합니다.

기술 세부 사항

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

더 많은 예제

텍스트의 하단 외부 마argins 설정 1
이 예제에서는 텍스트의 하단 외부 마argins을 센티미터 단위로 설정하는 방법을 보여줍니다.
텍스트의 하단 외부 마argins 설정 2
이 예제에서는 텍스트의 하단 외부 마argins을 퍼센트 비율로 설정하는 방법을 보여줍니다.

브라우저 지원

표의 숫자는 이 속성을 최초로 지원하는 브라우저 버전을 기재했습니다.

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5