Webページを印刷するときの余白をCSSで設定する

harada 1,097views 更新:2017年1月5日

webページを印刷する際指定しないと結構大きな余白がとられてしまいますので、余白なしに設定したい場合などは以下のように設定します。

@page {
  margin: 0;
}

ただし、印刷時の動作はブラウザによって大きく異なるため十分に確認を行うようにしてください。
また横向きと縦向きも以下のように指定できますが、こちらは効かないブラウザも多いようです。

@page {
  size: landscape; //横向き
  size: portrait; //縦向き
}

参考:印刷時の余白幅指定

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません