@media printの履歴

履歴一覧

CSSブロックを印刷用にだけ適用させるときに使う。

.hoge{
border:1px solid #000
color:#f00;
}

@media print {
  .hoge {
   display:none;
  }
}


上記のように使う。するとクラスhogeはブラウザでは表示されるけど、印刷すると非表示になる。

もちろん外部cssを使う場合はmedia="all"にした場合ですが。