掲示板/総合質問板/過去ログ/一覧/ 印刷ボタンの表示について - TAG index

< HOME / 掲示板 / 総合質問板 / 過去ログ / 一覧 / 印刷ボタンの表示について

印刷ボタンの表示について

[統計] HTMLからXHTMLへの移行を進めていますか？

0 名前： ばふんうに ： 2007/02/20（火） 11:12 ID:CP7l/r/w sub-gm: 印刷用の案内地図ページを用意して、
そのページの下の方に印刷ボタンをつけたいと思っています。

「画面には表示されるけど、出力した紙にはボタンは表示されない」
ということは可能でしょうか。教えて下さい。

もちろん印刷ボタンはなくても印刷はできますが、
あったほうがより親切だなと思うので
付けたいなと思っています。

1 名前： key-child ： 2007/02/20（火） 11:12 ID:8GUFlW2K sub-DR

スタイルを適用させる出力メディアを指定する事ができます。

HTMLで出力メディアを分ける

<link rel="Stylesheet" type="text/css" href="CSSパス" media="出力メディア">

もしくは

<style type="text/css" media="出力メディア">

CSSで出力メディアを分ける

@media 出力メディア {
 body {
  ・・・
 }
}
@media 出力メディア {
 body {
  ・・・
 }
}

出力メディアについては下記を参考に
【HTML4.01仕様書邦訳】出力メディア
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/types.html#h-6.13

で、印刷時のスタイルに下記を入れておけば表示されません。

印刷ボタンを指すセレクタ {
 visibility: hidden;
}

もしくは

印刷ボタンを指すセレクタ {
 display: none;
}

上記２つの違いは下記を参考に
http://www.tagindex.com/stylesheet/box/visibility.html

http://www.tagindex.com/stylesheet/box/display.html

2 名前： ばふんうに ： 2007/02/20（火） 11:12 ID:CP7l/r/w sub-gm: key-child さん

丁寧な解説ありがとうございました。

おかげさまでボタンを消すことができました！
早速アップしたいと思います。

一覧へ戻る