ホームページを印刷不可にする

今回は
ホームページの印刷をできなくするテクニックを
ご紹介したいと思います。

普通にホームページを作成すると、印刷はそのままできるかと思いますが
HTMLのファイルの中か、CSSのファイルの中に

@media print {
     body { display: none; }
}

と上記の命令を入れると、印刷不可能になります。
 

HTMLに直接入力する場合は、命令文がCSS扱いになりますので、
headタグの中に

<style type="text/css">
 @media print {
     body { display: none !important; }
 }
</style>

という入力でOKです。
 

CSSのファイル内に記述する場合は、直接入力できますので、
もし作ったホームページが印刷されたくないという時には
使ってみて下さいね！！

--------------------------------------------------------------------------------

パソコンスクール KENスクール新宿校　Webインストラクター
http://www.kenschool.jp/school/shinjuku/index.html

KENスクールでHTMLを学びたい方は、Web/DTP講座へ！
http://www.kenschool.jp/Webdtp/index.html