html5에서 여백은 어느 가장자리를 참조합니까?

HTML5에서 여백은 "외부 가장자리"를 참조하는 데 사용됩니다. 이 속성은 요소의 모든 여백 속성을 설정하는 데에도 사용할 수 있으며 1~4개의 값을 설정할 수 있습니다. ​네 개의 여백 중 구문은 각각 "여백: 위쪽 여백, 오른쪽 여백, 아래쪽 여백, 왼쪽 여백;"입니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, HTML5 버전, Dell G3 컴퓨터.

html5에서 여백은 어떤 가장자리를 참조합니까?

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;

all 4 여백은 모두 10px

가능한 값 ​​이 속성의 경우:

• auto 브라우저가 여백을 계산합니다.

• length는 픽셀, 센티미터 등과 같은 특정 단위로 여백 값을 지정합니다. 기본값은 0px입니다.

• %는 여백을 포함 요소 너비의 백분율로 지정합니다.

• inherit는 여백이 상위 요소에서 상속되어야 함을 지정합니다.

추천 튜토리얼: "html 비디오 튜토리얼"

위 내용은 html5에서 여백은 어느 가장자리를 참조합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!