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

Web制作

• CSS
• 印刷

概要

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

印刷部分

コード