@page{size:8.5in11in; margin: 2cm} -->&"/> @page{size:8.5in11in; margin: 2cm} -->&">

>웹 프론트엔드 >CSS 튜토리얼 >CSS의 페이지 상자란 무엇입니까?

CSS의 페이지 상자란 무엇입니까?

WBOY
WBOY앞으로
2023-08-29 23:01:021318검색

CSS의 페이지 상자란 무엇입니까?

@page 규칙에서 페이지 상자의 크기, 방향, 여백 ​​등을 지정할 수 있습니다. 페이지 상자의 크기는 "size" 속성으로 설정됩니다. 페이지 영역의 크기는 페이지 상자의 크기에서 여백 영역을 뺀 크기입니다.

예를 들어 다음 @page 규칙은 페이지 상자 크기를 8.5 × 11인치로 설정하고 '페이지 상자 가장자리와 페이지 영역 사이의 모든 여백은 2cm입니다. -

<style>
   <!--
      @page { size:8.5in 11in; margin: 2cm }
   -->
</style>

@에서 margin을 사용할 수 있습니다. 페이지 규칙, margin-top, margin-bottom, margin-left 및 margin-right 속성을 사용하여 페이지의 여백을 설정합니다.

마지막으로 @page 규칙의 marks 속성을 사용하여 대상 용지의 페이지 상자 외부에 자르기 표시 및 등록 표시를 만듭니다. 기본적으로 표시는 인쇄되지 않습니다. cropcross 키워드 중 하나 또는 둘 다를 사용하여 대상 인쇄 페이지에 각각 자르기 표시와 등록 표시를 만들 수 있습니다.

위 내용은 CSS의 페이지 상자란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제