2015年8月28日金曜日

印刷の改ページを制御するスタイルシート「page-break-before」と「page-break-after」

印刷の改ページを制御するスタイルシート「page-break-before」と「page-break-after」です。こんなCSSがあったんですね。見事に改ページを制御できます。感動してしまいました(笑)。

<div style="page-break-before:always;">
  <p>サンプル文章です。</p>
  <p>サンプル文章です。</p>
  <p>サンプル文章です。</p>
</div>

<div style="page-break-after:always;">
  <p>サンプル文章です。</p>
  <p>サンプル文章です。</p>
  <p>サンプル文章です。</p>
</div>

参考サイト
page-break-before(HTMLクイックリファレンス)
page-break-after(HTMLクイックリファレンス)
CSS page-break-before property(w3schools.com)

0 件のコメント:

コメントを投稿