DevToolBox

CSS印刷スタイルジェネレーター

Webページの印刷用CSSを生成。改ページ制御、非表示要素、余白設定などを簡単に設定。

基本設定

要素制御

印刷用CSSについて

@media print クエリを使用して、Webページを印刷する際のスタイルを制御できます。 不要な要素(ナビゲーション、広告など)を非表示にしたり、改ページ位置を制御したり、 余白やフォントサイズを最適化することで、読みやすい印刷物を作成できます。

  • page-break-before/after: 要素の前後で改ページ
  • page-break-inside: avoid で要素の途中で改ページを防ぐ
  • @page で余白やページ番号を設定
  • display: none で不要な要素を非表示