>  기사  >  웹 프론트엔드  >  CSS @page의 사용법과 정의에 대한 자세한 설명

CSS @page의 사용법과 정의에 대한 자세한 설명

黄舟
黄舟원래의
2017-07-08 09:29:1213636검색

구문:

page : auto | pagetype

매개변수:

auto: 현재 기본 페이지 참조
pagetype: @page 규칙에 페이지 유형(pagetype) 정의 지정

설명:

디스플레이를 검색하거나 지정할 때 사용되는 페이지 개체 컨테이너 유형(페이지 유형). @page 규칙을 참조하세요.
해당 스크립트 기능은 페이지입니다. 제가 쓴 다른 책들도 참조해 주세요.

예:

@page doublepage { size: 8.5in 11in; page-break-after: left }
body { page: doublepage; page-break-after: right }

페이지 컨테이너의 레이아웃, 방향, 여백 ​​등을 설정합니다.
페이지 컨테이너에는 페이지 콘텐츠 영역과 콘텐츠 영역을 둘러싸는 여백 영역이 포함됩니다.

예:

@page thin:first { size: 3in 8in }

자세한 효과 Dreamweaver에서 사용해 볼 수 있습니다.

@page 규칙 선택 페이지 상자입니다. 그 안에서 디자이너는 각 페이지의 크기, 레이아웃, 방향 및 여백을 지정할 수 있습니다. 페이지 상자는 페이지 영역과 여백을 포함하는 인쇄된 페이지 크기와 비슷한 직사각형 영역입니다. 페이지 영역에는 표시할 콘텐츠가 포함되어 있으며 상자 가장자리는 컨테이너 역할을 하며 페이지 레이아웃은 페이지 매김 기호 사이에 있습니다. 다른 상자와 달리 페이지 상자에는 테두리 선이나 가장자리가 없고 여백만 있습니다. @page 규칙은 문서의 모든 페이지를 선택합니다. 먼저
pseudo-classattributes 페이지 중 하나를 사용하여 :left 또는 :right를 사용하여 각 페이지 클래스에 대해 서로 다른 속성을 지정할 수 있습니다. @page 규칙은 글꼴이 포함된 페이지의 내용을 모르기 때문에 em과 ex의 크기를 이해할 수 없습니다. 다른 모든 측정 단위(백분율 포함)가 허용됩니다. 여백을 설정하는 데 사용되는 백분율은 전체 페이지 프레임의 백분율이기도 합니다. 여백은 음수일 수 있으며 일반적으로 응용 프로그램이나 프린터가 액세스할 수 있는 영역 외부에 콘텐츠를 배치합니다. 대부분의 경우 표시되거나 인쇄 가능한 영역 내의 정보만 유지됩니다.

위 내용은 CSS @page의 사용법과 정의에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.