CSS의 여백 (여백)
CSS 여백 (마진) 속성은 요소 주위의 공간을 정의합니다.
여유
지역 (국경 외부) 요소 주위에 분명 한계. 여백에는 배경색이 완전히 투명하지
마진은 개별 요소, 아래쪽, 왼쪽 및 오른쪽 여백에 변경 될 수있다. 또한 모든 등록하면 변경할 수 있습니다.
가능한 값
값 | 설명 |
---|---|
자동 | 브라우저의 여백을 설정합니다. 결과는 브라우저에 달려 |
길이 | (PT, EM 등의 화소를 이용하여) 고정 마진을 정의 |
% | 비율 마진을 사용하여 정의 |
여백 부정적인 중복 콘텐츠를 사용할 수 있습니다.
<H2Margin - 일방적 인 마진 속성
CSS에서, 서로 다른 마진의 다른 측을 지정할 수있다 :
여백 - 약식 속성
코드를 단축하기 위해, 하나의 속성을 지정 마진 모두 마진 특성을 사용할 수있다. 이것은 약식 속성이라고합니다.
모든 여백 속성에 대한 약식 속성은 "여백"입니다 :
마진 속성은 1 ~ 4 개의 값을 가질 수 있습니다. / P>
- 여백 : 25 픽셀 50 픽셀 75px 100 픽셀;
- 25 픽셀의 여백에
- 50 픽셀에 오른쪽 여백
- 아래쪽 여백이 75px입니다
- 100 픽셀의 왼쪽 여백
- 여백 : 25 픽셀 50 픽셀 75px;
- 25 픽셀의 여백에
- 50 픽셀로 왼쪽 및 오른쪽 여백
- 아래쪽 여백이 75px입니다
- 여백 : 25 픽셀 50 픽셀;
- 25 픽셀로 상단과 하단 여백
- 50 픽셀로 왼쪽 및 오른쪽 여백
- 여백 : 25 픽셀;
- 네 마진은 25 픽셀입니다
더 많은 예제
형상 값을 이용하여 텍스트에 여백 설정
이 예는 상단 여백의 텍스트 값 센티미터를 설정하는 방법을 보여줍니다.
아래쪽 여백의 퍼센트 값을 사용하여 텍스트를 설정할
본 실시 예는 상기 수용 부재의 폭에 대하여 아래쪽 여백의 값의 비율을 이용하여 설정하는 방법을 보여준다.
모든 CSS 마진 속성
재산 | 기술 |
---|---|
여유 | 약식 속성. 하나의 선언에서 모든 여백 속성을 설정합니다. |
마진 - 하단 | 요소의 외부 설정. |
마진 왼쪽 | 왼쪽 여백의 요소입니다. |
마진 오른쪽 | 오른쪽 여백의 요소입니다. |
여백 - 가기 | 요소는 여백에 설정됩니다. |