CSS margin 속성

정의와 사용법

여유 약칭 속성은 하나의 선언에 모든 여유 속성을 설정합니다. 이 속성은 1에서 4개의 값을 가질 수 있습니다.

설명

이 약칭 속성은 요소의 모든 여유 너비를 설정하거나 각 면의 여유 너비를 설정합니다.

블록 요소의 수직으로 인접한 여유는 결합되며, 행 내 요소는 실제로 상하 여유를 차지하지 않습니다. 행 내 요소의 좌우 여유는 결합되지 않습니다. 마찬가지로, 블로킹 요소의 여유도 결합되지 않습니다. 부정적인 여유 값을 지정할 수 있지만, 사용할 때 주의하세요.

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

예제 1

여유:10px 5px 15px 20px;
  • 위 여유는 10px입니다
  • 오른쪽 여유는 5px입니다
  • 아래 여유는 15px입니다
  • 왼쪽 여유는 20px입니다

예제 2

여유:10px 5px 15px;
  • 위 여유는 10px입니다
  • 오른쪽 여유와 왼쪽 여유는 5px입니다
  • 아래 여유는 15px입니다

예제 3

여유:10px 5px;
  • 위 여유와 아래 여유는 10px입니다
  • 오른쪽 여유와 왼쪽 여유는 5px입니다

예제 4

여유:10px;
  • 모든 4つの 여유는 10px입니다

다른 것을 참조하세요:

CSS 강의:CSS 외경

HTML DOM 참조 매뉴얼:여유 속성

예제

p 요소의 4つの 여유를 설정합니다:

p
  {
  여유:2cm 4cm 3cm 4cm;
  }

직접 시도해보세요

CSS 문법

여유: length|auto|initial|thuộc|;

속성 값

값 설명
auto 브라우저가 여유를 계산합니다.
length 정확한 단위로 여유 값을 지정합니다. 예를 들어, 픽셀, 센치미터 등. 기본 값은 0px입니다.
% 포함 요소 너비의 백분율로 여유를 지정합니다.
thuộc 부모 요소에서 여유를 thừa kế해야 합니다.

기술 세부 사항

기본 값: 0
thừa kế: no
버전: CSS1
JavaScript 문법: object.style.margin="10px 5px"

更多实例

모든 여유 속성을 하나의 선언에
이 예제에서는 모든 여유 속성을 하나의 선언에 설정하는 방법을 보여줍니다.

브라우저 지원

표에서의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 6.0 1.0 1.0 3.5