CSS

CSSで印刷されないボタンを作る

投稿日:2013/08/27 更新日:

印刷されないボタン作成

HTMLで作成した画面をブラウザー表示し、
その画面に印刷ボタンを設けて印刷できるようにします。
またそのボタンは印刷時には印刷されないように
CSSのメディアを利用して実現します。

1.CSSでセレクタを作成

.CSSでセレクタを作成します。

2.ボタンを印刷時に非表示

ボタンを印刷時に非表示にします。

これで画面には表示されるが、印刷結果には印刷されない
ボタンができあがりました。

また、メディアの「print」を別のものに変えれば
対応したメディアでは表示されなくなります。
CSS2.1で指定できるメディアは以下のものです。

all すべての環境
screen パソコン画面
tty 文字幅が固定の機器
tv テレビベースのウェブブラウザ
projection プロジェクタ
print プリンタ
handheld 携帯用機器
braille 点字出力機器
embossed 点字プリンタ
speech 音声出力機器

複数指定する場合は「,」で区切って指定します。

当サイトのおすすめ記事

パソコン 1

初心者でも失敗しないレンタルサーバーの選び方ですが、最近ではブログを立ち上げて、そこから広告収入を得る「アフィリエイト」が随分一般的になりました。 私の周りでも実際にやっている人が多くいます。 アフィ ...

プログラミング 2

SQLでIFを書けばWHERE句の内容を変えて検索できますが、条件ごとに同じようなSQLを 複数回書くのは面倒なので、1行で分岐できないかと言う事でSQLを作って見ました。 SQLでIFを使わずに条件 ...

SQLServer 3

SQLServerで発生するエラーコードをSQLで取得する SQLServerで発生したエラーコードの内容を メッセージが定義されているテーブルから取得します。 エラーコードを取得するSQL SQLs ...

4

SQLServerでは「ユーザー定義型」と呼ばれる独自のテーブル型をした戻り値を返す関数を作成することができます。 その作り方と使い方を解説します。 SQLServerでテーブル型を戻り値とする関数を ...

5

アフィリエイトでいきなり成果を出すのは難しいです。 でも、成果がないとレンタルサーバー代やドメイン代がペイできません。 しかも長い間、結果がでないとやる気もなくなってしまいます。 そういったことを防ぐ ...

-CSS
-

Copyright© ソフトウェア開発日記 , 2018 All Rights Reserved.