【HTML5/CSS】印刷を横で出力する方法

ブラウザで縦だと全部印刷できずに、横であれば全部印刷できるホームページがあります。
ブラウザの印刷設定で横にすれば、横印刷できます。

そこで、最初から横印刷できるようにCSSで設定する方法について記載します。


CSSに次のように記載する（A４横向き印刷）

@page { size: A4 landscape; }


sizeプロパティ
　　@pageで定義するページボックスのサイズと向きを指定する際に使用します。
landscape
    横位置、サイズは出力先に合わせて自動的に設定


数値でサイズを指定する場合は次のようになります。
@page { size: 210mm 297mm } /* A4タテと同じ */ 


 マージン指定もできます(10mm設定)。
@page {
  size: A4;
  margin: 10mm;
}