CSS Margin(밖쪽 여백)

마진은 브릭 주위의 공간을 지우고, 다른 브릭과 분리합니다.

CSS 마진 속성

CSS 마진 속성은 원소의 브릭 주변의 마진을 설정할 수 있도록 합니다. 마진은background-color그것은 완전히 투명합니다.

각 면의 마진 설정

CSS의 각각의 마진 속성을 사용하여 원소의 다른 면(예: 상단, 오른쪽, 하단 또는 왼쪽)에 다른 마진을 쉽게 지정할 수 있습니다.

h1　{margin-bottom:　20px;}
p {margin-left:　10px;margin-right:　30px;}

간단한 약자 마진 속성

margin 속성은 각각의 외경을 따로 설정하지 않고 피해야 할 간단한 약자 속성입니다: margin-top, margin-right, margin-bottom과 margin-left.

h1　{ margin: 0　10px;}
p {margin:　25px　50px　75px　100px;}

이 약자는 하나, 두 개, 세 개 또는 네 개의 공백으로 구분된 값을 취용할 수 있습니다.

• 설정된 경우한 가치그렇다면, 그것이 모든 네 면에 적용됩니다.

• 지정된 경우두 가치그렇다면, 첫 번째 값이 상단과 하단에 적용되고, 두 번째 값이 오른쪽과 왼쪽에 적용됩니다.

• 지정된 경우세 가치그렇다면, 첫 번째 값이 상단에 적용되고, 두 번째 값이 왼쪽과 오른쪽에 적용되며, 마지막 값이 하단에 적용됩니다.

• 지정된 경우네 가치그렇다면, 그들을 각각 지정된 순서로 상단, 오른쪽, 하단, 왼쪽에 적용합니다.