「@page」は、印刷時のページに関する指定をします。余白や縦横の配置、1枚に縮小出力、複数枚に分割出力するかなどを指定します。
「page」は、「@page」の指定内容につけられた名前を指定して、「@page」の指定内容を要素に適用します。
「size」は、「@page」内でページサイズと縦横の配置を指定します。
@page
ページ名{size ; margin ;}
;
page
:
auto | ページ名
;
size
:
[length]{1,2} | auto | [[page-size] || [ portrait | landscape]]
;
プロパティ/設定値意味
@page
ページ名{size; margin;}
;
・ページ名 = page プロパティに指定するページ名
・size = ページのサイズを指定。下記 size プロパティ参照
・margin = ページのマージン（
margin
,
margin-bottom
,
margin-left
,
margin-right
,
margin-top
）を指定する。
font-family : "メイリオ", sans-serif;
width : 290px;
border : 2px solid #6495ed;
background : #e7e7ff;
padding : 10px;
div.cssTitle {
margin-top : 10px;
background : #6495ed;
color : #fff;
font-weight : bold;
.
@page pagename
{
size
:
A4 portrait
;
margin
:
10px
;
.
page1
{
page
:
pagename
;
<!-- html -->
<div class="common">
<div class="cssTitle">size : A4 portrait;</div>
<div class="
page1
">
Ａ４で縦長に配置で出力。 ～ Ａ４で縦長に配置で出力。
