Mmemo

PC作業に関する覚書やweb制作記録。
無料で使える便利ツールやwebアプリも制作。サイト上(ブラウザ上)で動作。

ページの一部分のみを印刷するためのCSSの書き方

概要

印刷用のcssの書き方。
ヘッダーやサイドバーなど余計な部分をを印刷に含めないためには非表示にする必要があるが、それは面倒なので印刷したい部分のみをpositionを利用して全画面に表示する。
以下は例として作った一次方程式の練習問題プリントである。ブラウザから印刷すると該当部分のみが印刷されるようになっている。

印刷部分

コード

GitHub