CSS には印刷のスタイルを指定できるルール・プロパティが用意されています。 そして Chromium や Google Chrome は標準で PDF 出力ができます。 つまり厄介な PDF ファイル作成を CSS で簡単にできるようになります。 この記事は、CSS でいい感じに PDF 出力する例を説明します。 サンプルは CodePen で公開しています。 https://codepen.io/ueokande/pen/yoBwrq CSS の印刷サポート CSS には、以下のような印刷の設定ができるルール・プロパティが用意されています。 @media print { ... }: このルール内に記述された CSS は、印刷時のみ適用される。 @page { ... }: 印刷時のページサイズやマージンを指定する。 page-break-beforeプロパティ: 要素の直前で改ページ
![CSSでPDF出力をいい感じに設定する | Folioscope](https://cdn-ak-scissors.b.st-hatena.com/image/square/69f154040adca1ceb156fbe8a79e2ffa3e6a35c3/height=288;version=1;width=512/https%3A%2F%2Fi-beam.org%2F2017%2F07%2F24%2Fcss-printing%2Fbrowser.png)