CSS에서 마진은 무엇을 의미합니까?

CSS의 Margin은 하나의 선언에서 모든 여백 속성을 설정할 수 있는 단축 속성입니다. 이 단축 속성은 요소의 모든 여백 너비를 설정하거나 각 측면의 여백 너비를 설정합니다.

이 기사의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.

margin 단축 속성은 하나의 선언에서 모든 여백 속성을 설정합니다. 이 속성은 1~4개의 값을 가질 수 있습니다.

설명

이 단축 속성은 요소의 모든 여백 너비를 설정하거나 각 측면의 여백 너비를 설정합니다.

블록 수준 요소의 수직으로 인접한 여백은 병합되지만 인라인 요소는 실제로 위쪽 및 아래쪽 여백을 차지하지 않습니다. 인라인 요소의 왼쪽 및 오른쪽 여백은 병합되지 않습니다. 마찬가지로, 부동 요소의 여백은 병합되지 않습니다. 음수 여백 값을 지정할 수 있지만 사용할 때는 주의하십시오.

참고: 음수 값이 허용됩니다.

예제 1

margin:10px 5px 15px 20px;

상단 여백은 10px

우측 여백은 5px

하단 여백은 15px

왼쪽 여백은 20px

예 2

margin:10px 5px 15px;

상단 여백은 10px

오른쪽 여백 그리고 왼쪽 여백은 5px

하단 여백은 15px

예시 3

margin:10px 5px;

상하 여백은 10px

오른쪽 여백, 왼쪽 여백은 5px

예시 4

margin:10px;

모두 4 바깥쪽 여백은 모두 10px

권장 학습: "css 비디오 튜토리얼"

위 내용은 CSS에서 마진은 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!