書式
@page { ... }
@page:first-letter { ... }
@page:left { ... }
@page:right { ... }
対象
-
継承
-
初期値
-
バージョン
CSS Level 2
対応ブラウザ
-
解説
特定のデバイス（ページ概念を持つデバイス。プリンタやプロジェクタなど）での表示範囲を指定します。マージンのみ存在し、パディングやボーダーはありません。本のように左右に見開きになるものは:left, :rightを使って個別にマージンを指定することができます。また、:firstで最初のページのみ別に指定することができます。
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
@media print {
@page { margin:2cm; }
@page:left { margin-left:2cm;
margin-right:4cm;
}
@page:right { margin-left:4cm;
margin-right:2cm;
}
p {
color:red;
background-color:yellow;
border:5px solid red;
width:100%;
height:100%;
}
}
--></style>
</head>
<body>
<p>Sample Text<br>
@page Sample
</p>
</body>
</html>