定番
新着
履歴

CSS 印刷のときに非表示

CSS 印刷のときに非表示
ウェブページを印刷するときに、表示する要素を出し分けます。

使い所はそんなにないのですが、印刷する時に一部の画像や要素を非表示にしたい場合のCSSのサンプルです。

画像の高さを維持して、画像だけ真っ白にする場合

@media print {
   img {
      visibility: hidden;
   }
}

↑サンプルの画像を置きましたので、プリントのプレビューをしてみてください。


とにかくページ全体を真っ白にする場合

@media print {
  body {display: none !important; }
}
2017-12-12 22:14:17
このページの二次元コード

関連するサンプル

人気記事ランキング

© 2018 kipure
Top