CSS3: size プロパティ - ページボックスのサイズと向き

■ 概要

項  目説  明
記述形式 セレクタ {size: }
値 の形式 数値(長さ):値1 または 値1 値2 | auto | ページサイズ [ portrait | landscape ]
初 期 値 auto
対応ブラウザー C3+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 @page アットルールで定義されたページボックス
継  承 なし (対象外)

■ 解説

sizeプロパティ は,ページボックスのサイズと向きを指定 します。

sizeプロパティは,CSS2.1では削除されています。

指定できる値の形式は,以下のとおりです。

説  明
auto ブラウザーの仕様に任せます。 (初期値)
数値(長さ) ページボックスの大きさを幅と高さで指定します。 値1 の1つのみを指定した場合は幅と高さ両方に,値1値2 の2つを指定した場合は順に幅と高さに適用されます。
ページサイズ A5A4A3B5B4letterlegal ledger のうちから1つを選んで指定します。
landscape ページサイズを指定した場合に横長配置を指定します。
portrait ページサイズを指定した場合に縦長配置を指定します。

■ 使用例1 ( size プロパティの利用1)

HTMLソース
CSS
<head> ~ </head>
<style type="text/css">
<!-- 
   @page { size: A4 landscape; }
-->
</style>

■ 使用例2 ( size プロパティの利用2)

HTMLソース
CSS
<head> ~ </head>
<style type="text/css">
<!-- 
  @page {
     size: 8.5in 11in; /* width height */
  }
-->
</style>

■ 備考

【参考ページ】