>  기사  >  웹 프론트엔드  >  margin-top은 무슨 뜻인가요?

margin-top은 무슨 뜻인가요?

不言
不言원래의
2019-04-11 09:55:3234702검색

margin-top은 요소의 상단 여백을 설정하는 데 사용되는 CSS의 속성입니다. 모든 주요 브라우저는 margin-top 속성의 사용법을 간략하게 살펴보겠습니다.

margin-top은 무슨 뜻인가요?

margin-top 구문은 다음과 같습니다.

margin-top:value

value 값에는 다음과 같은 가능성이 있습니다.

auto: 브라우저에서 설정한 위쪽 여백.

length: 고정 상단 여백을 정의합니다. 기본값은 0입니다.

%: 상위 개체의 전체 높이를 기준으로 상단 여백을 백분율로 정의합니다.

inherit: 위쪽 여백이 상위 요소에서 상속되도록 지정합니다.

간단한 코드 예제를 살펴보겠습니다.

<html>
<head>
<style type="text/css">
p.topmargin {margin-top: 5cm}
</style>
</head>

<body>
<p>这个段落没有指定外边距。</p>
<p class="topmargin">这个段落带有指定的上外边距。</p>
</body>
</html>

실행 결과는 다음과 같습니다.

margin-top은 무슨 뜻인가요?

이 기사는 여기까지입니다. 더 흥미로운 내용을 보려면 CSS 비디오 튜토리얼을 참조하세요. PHP 중국어 홈페이지 칼럼! ! !

위 내용은 margin-top은 무슨 뜻인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.