CSS의 여백 (여백)

CSS 여백 (마진) 속성은 요소 주위의 공간을 정의합니다.

여유

지역 (국경 외부) 요소 주위에 분명 한계. 여백에는 배경색이 완전히 투명하지

마진은 개별 요소, 아래쪽, 왼쪽 및 오른쪽 여백에 변경 될 수있다. 또한 모든 등록하면 변경할 수 있습니다.

여백 부정적인 중복 콘텐츠를 사용할 수 있습니다.

<H2Margin - 일방적 인 마진 속성

CSS에서, 서로 다른 마진의 다른 측을 지정할 수있다 :

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

코드를 단축하기 위해, 하나의 속성을 지정 마진 모두 마진 특성을 사용할 수있다. 이것은 약식 속성이라고합니다.

모든 여백 속성에 대한 약식 속성은 "여백"입니다 :

margin:100px 50px;

마진 속성은 1 ~ 4 개의 값을 가질 수 있습니다. / P>

여백 : 25 픽셀 50 픽셀 75px 100 픽셀;
- 25 픽셀의 여백에
- 50 픽셀에 오른쪽 여백
- 아래쪽 여백이 75px입니다
- 100 픽셀의 왼쪽 여백
여백 : 25 픽셀 50 픽셀 75px;
- 25 픽셀의 여백에
- 50 픽셀로 왼쪽 및 오른쪽 여백
- 아래쪽 여백이 75px입니다
여백 : 25 픽셀 50 픽셀;
- 25 픽셀로 상단과 하단 여백
- 50 픽셀로 왼쪽 및 오른쪽 여백
여백 : 25 픽셀;
- 네 마진은 25 픽셀입니다

형상 값을 이용하여 텍스트에 여백 설정
이 예는 상단 여백의 텍스트 값 센티미터를 설정하는 방법을 보여줍니다.

아래쪽 여백의 퍼센트 값을 사용하여 텍스트를 설정할
본 실시 예는 상기 수용 부재의 폭에 대하여 아래쪽 여백의 값의 비율을 이용하여 설정하는 방법을 보여준다.