CSS 스타일 시트 내에서 인쇄 여백을 지정할 수 있습니까?

HTML 페이지 인쇄를 위한 페이지 여백 사용자 정의

HTML 페이지를 인쇄할 때 최적의 인쇄를 위해 페이지 여백을 조정해야 할 수도 있습니다. 결과. 인쇄 시 별도의 스타일 시트를 사용하는 것이 일반적이지만 다음과 같은 질문이 생깁니다. 이 스타일 시트 내에서 인쇄 여백을 지정하여 인쇄된 문서의 여백을 제어할 수 있습니까?

답은 여백을 정의할 때 특정 단위를 사용하는 것입니다. 인쇄용. 종이에서 일관된 크기를 보장하려면 픽셀 대신 센티미터(cm) 또는 밀리미터(mm)를 사용해야 합니다. 예를 들어, 다음 CSS 코드는 모든 면에서 25mm의 여백을 설정합니다.

<code class="css">body {
  margin: 25mm 25mm 25mm 25mm;
}</code>

그러나 CSS 스타일에서 여백을 설정해도 프린터 드라이버의 여백이나 여백에 의해 제어되는 여백은 수정되지 않는다는 점에 유의하는 것이 중요합니다. 브라우저. 문서의 인쇄 가능 영역 내에서만 여백을 정의합니다.

Internet Explorer 7 이상에서는 페이지에 맞게 글꼴 크기를 자동으로 조정하므로 인쇄 여백이 방해될 수 있습니다. 이 동작을 무시하려면 사용자에게 "인쇄 미리 보기"를 선택하고 인쇄 크기를 100%로 조정하라고 상기시킵니다.

인쇄 여백을 더 효과적으로 제어하려면 @page 지시문을 사용하는 것이 좋습니다. 이 지시문은 일반적으로 브라우저에서 제어하는 ​​HTML 본문 요소 외부의 용지 여백에 영향을 줍니다. 다음 코드는 그 사용법을 보여줍니다.

<code class="css">@page { 
    margin: 25mm 25mm 25mm 25mm;  
} </code>

이 지시문은 현재 Safari를 제외한 모든 주요 브라우저에서 작동합니다. Internet Explorer의 경우 인쇄 설정에서 여백이 처음에 이 값으로 설정되어 있지만 사용자가 미리보기에서 수정할 수 있습니다.

위 내용은 CSS 스타일 시트 내에서 인쇄 여백을 지정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!