> 웹 프론트엔드 > CSS 튜토리얼 > margin-bottom은 무슨 뜻인가요?

margin-bottom은 무슨 뜻인가요?

不言
풀어 주다: 2022-03-31 18:45:02
원래의
36401명이 탐색했습니다.

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

margin-bottom은 무슨 뜻인가요?

margin-bottom 속성의 구문은 다음과 같습니다.

margin-bottom:value
로그인 후 복사

value 가능한 값:
# 🎜🎜#

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

    auto:浏览器计算下外边距。

  • length:规定以具体单位计的下外边距值,比如像素、厘米等。默认值是 0px。

  • % :规定基于父元素的宽度的百分比的下外边距。

  • inherit

  • 길이: 아래쪽 여백 값을 픽셀, 센티미터 등 특정 단위로 지정합니다. 기본값은 0px입니다. ​

%: 상위 요소 너비의 백분율을 기준으로 아래쪽 여백을 지정합니다.

margin-bottom은 무슨 뜻인가요?

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

여백-하단 코드 예시를 살펴보겠습니다

<html>
<head>
<style type="text/css">
p.bottommargin {margin-bottom: 2cm}
</style>
</head>

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

</html>
로그인 후 복사
실행 결과는 다음과 같습니다. #🎜🎜 ##🎜🎜 ##🎜🎜#관련 추천: #🎜🎜#margin-top 무슨 뜻인가요? #🎜🎜##🎜🎜##🎜🎜#더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 #🎜🎜#CSS 비디오 튜토리얼#🎜🎜# 컬럼을 주목하세요! ! ! #🎜🎜#

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿