ハック 2017.01.05 23,728 CSS / 印刷Webページを印刷するときの余白をCSSで設定する ツイート シェア はてな webページを印刷する際指定しないと結構大きな余白がとられてしまいますので、余白なしに設定したい場合などは以下のように設定します。@page { margin: 0; } ただし、印刷時の動作はブラウザによって大きく異なるため十分に確認を行うようにしてください。 また横向きと縦向きも以下のように指定できますが、こちらは効かないブラウザも多いようです。@page { size: landscape; //横向き size: portrait; //縦向き } 参考:印刷時の余白幅指定つくってみた!社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。社内のトイレ難民解決!トイレ空き状況確認システムを作ってみたAmazon Polly と Slack を使って Alexa へ (物理的に) 話しかけるシステムを作ってみた関連記事 WebページをA4サイズで印刷するようにCSSで指定する 【印刷】中身が無いのに余分なページが出てしまう時【CSS】 【印刷】続・中身が無いのに余分なページが出てしまう時【CSS】 FirefoxとAdobe Acrobatを利用してPDF/X-1aでwebページを出力する chromeとFirefoxで背景色が印刷できない場合にCSSで行うこと CSSで印刷する向きを指定する