CSS를 사용하여 페이지에서 브라우저 인쇄 옵션(머리글, 바닥글, 여백)을 비활성화하는 방법은 무엇입니까?

CSS를 통해 인쇄 미리보기 페이지의 머리글, 바닥글 및 여백을 제어할 수 있으며 원하는 페이징 미디어 레이아웃과 방향도 얻을 수 있습니다. 결과를 얻기 위해 @page 지시어를 사용할 것입니다.

인쇄된 페이지를 브라우저에서 미리 보면 페이지 제목, 페이지 미리보기 날짜 및 시간, 페이지 번호 등 페이지 머리글과 바닥글에 표시되는 추가 페이지 정보를 볼 수 있습니다. 페이지 미리보기 미디어에 추가 여백이 적용된 것을 볼 수도 있습니다.

문법

으아악

Explanation

의 중국어 번역은

Explanation

입니다.

이 접근 방식에서는 @media 인쇄 규칙 내의 @page at 규칙(또는 지시어)을 사용합니다. 이는 CSS에서 제공하고 화면에 표시되는 페이지, 종이 등을 포함하는 페이지가 매겨진 미디어에 서식을 적용할 수 있게 해줍니다.

@page 지시문을 사용하면 인쇄된 페이지의 레이아웃, 디자인, 여백, 방향은 물론 특정 페이지의 디자인까지 제어할 수 있습니다. 이 지시문은 개별(페이지) 미디어를 디자인하는 데 널리 사용됩니다.

페이지가 매겨진 미디어는 일반적인 연속 미디어(예: 웹사이트)와 다릅니다. 페이지가 매겨진 미디어에서는 콘텐츠가 넘치면 별도의 페이지로 분할되기 때문입니다. @page 지시문의 의사 클래스를 통해 페이지 레이아웃을 제어할 수 있습니다.

예제 1

의 중국어 번역은 다음과 같습니다.

예제 1

이 예에서는 @paged 지시어 내에서 여백을 "0"으로 설정하여 페이지가 매겨진 미디어에서 보이는 머리글, 바닥글 및 추가 여백을 제거합니다.

으아악

command + p(Mac) 또는 ctrl + p(Windows, Linux)를 눌러 인쇄 미리보기 화면을 확인하세요

예 2

이 예에서는 페이지가 매겨진 미디어에서 브라우저 인쇄 옵션을 제거하지만 페이지가 매겨진 미디어 화면의 본문 요소에 여백을 추가합니다.

으아악

command + p(Mac) 또는 ctrl + p(Windows, Linux)를 눌러 인쇄 미리보기 화면을 확인하세요

결론

이 기사에서는 @paged CSS 지시어와 이를 사용하여 CSS만 사용하여 인쇄 미리보기에서 브라우저 인쇄 옵션을 제거/비활성화하는 방법을 배웠습니다.

위 내용은 CSS를 사용하여 페이지에서 브라우저 인쇄 옵션(머리글, 바닥글, 여백)을 비활성화하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!