書式
size 値
対象
-
継承
-
初期値
-
バージョン
CSS Level 2
対応ブラウザ
Opera 6以降
解説
用紙のサイズや方向を指定します。値が1つの場合は、縦と横が同じサイズになります。値が2つの場合は横、縦の順番に設定されます。また、以下の値も指定することができます。
| 設定値 |
改ページ方法 |
| auto |
自動 |
| portait |
縦長 |
| landscape |
横長 |
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
@page { margin:2cm;
size:landscape;
}
p {
color:red;
background-color:yellow;
border:5px solid red;
width:100%;
height:100%;
}
}
--></style>
</head>
<body>
<p>Sample Text<br>
用紙の方向を指定します。横長になります。
</p>
</body>
</html>