>  기사  >  웹 프론트엔드  >  CSS에서 마진과 패딩의 차이점

CSS에서 마진과 패딩의 차이점

下次还敢
下次还敢원래의
2024-04-28 15:00:26554검색

CSS에서 여백은 요소와 주변 요소 사이의 거리를 지정하고 패딩은 요소 내용과 요소 경계 사이의 거리를 지정합니다. 둘 다의 기본값은 0이고 여백은 요소 테두리 외부 영역에 영향을 미치며 패딩은 테두리 내부 영역에 영향을 미칩니다.

CSS에서 마진과 패딩의 차이점

CSS에서 여백과 안쪽 여백의 차이점

요점을 바로 살펴보겠습니다.

여백과 안쪽 여백은 요소 주위의 공간을 제어하는 ​​데 사용되는 CSS의 두 가지 다른 속성입니다. 여백은 요소와 주변 요소 또는 브라우저 경계 사이의 거리를 지정하는 반면 패딩은 요소 내용과 요소 경계 사이의 거리를 지정합니다.

자세한 설명:

margin

  • 주변 요소 또는 브라우저 가장자리로부터 요소의 거리를 지정합니다.
  • 네 가지 값(위, 아래, 왼쪽, 오른쪽)을 갖거나 네 방향 모두에 하나의 값을 적용할 수 있습니다.
  • 기본값은 0입니다.
  • 양수 값은 요소를 주변 요소에서 더 멀리 이동시키고, 음수 값은 주변 요소에 더 가깝게 이동합니다.

padding

  • 요소 콘텐츠와 요소 경계 사이의 거리를 지정합니다.
  • 또한 네 개의 값을 가질 수도 있고 네 방향 모두에 하나의 값을 적용할 수도 있습니다.
  • 기본값은 0입니다.
  • 양수 값은 요소 내용을 테두리에서 멀리 이동시키고, 음수 값은 테두리에 더 가깝게 이동합니다.

차이점 요약:

기본값 은 콘텐츠 에 영향을 미칩니다.
Features margin padding
Function 거리 제어 요소 콘텐츠와 요소 경계 사이
0 0
요소 테두리 외부 영역 요소 테두리 내 영역

위 내용은 CSS에서 마진과 패딩의 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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