CSS margin-bottom 속성
- 이전 페이지 margin-block-start
- 다음 페이지 margin-inline
정의와 사용법
margin-bottom 속성은 요소의 하단 외부 마argins을 설정합니다.
비고:부정적인 값을 사용할 수 있습니다.
또한 참조:
CSS 강의:CSS 외부 여백
HTML DOM 참조 매뉴얼:marginBottom 속성
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 |
- 이전 페이지 margin-block-start
- 다음 페이지 margin-inline