CSSでPDF出力をいい感じに設定する | FolioscopeCSS には印刷のスタイルを指定できるルール・プロパティが用意されています。 そして Chromium や Google Chrome は標準で PDF 出力ができます。 つまり厄介な PDF ファイル作成を CSS で簡単にできるようになります。 この記事は、CSS でいい感じに PDF 出力する例を説明します。 サンプルは CodePen で公開しています。 https://codepen.io/ueokande/pen/yoBwrq CSS の印刷サポート CSS には、以下のような印刷の設定ができるルール・プロパティが用意されています。 @media print { ... }: このルール内に記述された CSS は、印刷時のみ適用される。 @page { ... }: 印刷時のページサイズやマージンを指定する。 page-break-beforeプロパティ: 要素の直前で改ページ
